Link a design system
- Open Project settings (the settings button next to the project name) and go to Design System.
- Find the design system under Organization Design Systems (released from your organization’s projects) or Public Design Systems (available to every project).
- Click Link Design. The project gets the design system’s newest release.
What changes when you link
- The design system’s components are copied into the project, and your code imports them from its import path.
- The project uses the design system’s theme. Project settings > Theming is locked and says Design system’s theme is being used by the project. You can update the theme from the design system.
- Every node on the canvas rebuilds with the new components and theme.
Update to a newer release
When the design system has a newer release, its card shows New version available, and the Design System tab in Project settings shows a count.- Click New version available.
- Polymet replaces the old components with the new release and says Design system updated successfully.
Unlink
- In Linked design system, open the menu on the design system’s card.
- Click Unlink.
Limits
- One design system per project. To switch, unlink the current one first.
- The project needs at least one version before it can link (Project needs to at least have one version to link to a design system).
- Apart from the ones under Public Design Systems, you can only link design systems from your own organization.
- A design system cannot link another design system.
Related
- Design systems — what a design system is and how to make one
- Release a design system — make a new version available to linked projects
- Themes — a project’s own colors and fonts, when no design system is linked