Designers

We can send you a .fig file, but you will not receive notifications when library updates are published.

For general contributions that have no priority or timeline, create a GitHub discussion. We will review your request and get back to you if needed.

There are lots of learning resources specific to variables and styles on the Figma website, YouTube, and more.

We would be happy to walk you through anything on a call, just contact us.

You can learn about terminology in this section.

Due to limitations in Figma, some variables are a workaround for how tokens work in code.

For example, in code, the light-dark() CSS function can use any token. In Figma, every variable is limited to using only one token value per mode or scheme. This setup becomes problematic when there are multiple tokens to choose from per scheme like surface colors.

No, our variables and styles are connected to existing design tokens. Creating something custom or one-off causes confusion for engineers and is not technically part of the design system.

If you need something new, see below.

We do not add new tokens very often, but feel free to create a GitHub discussion. We will review your request and get back to you about next steps.

As part of the variables and styles migration, one component includes two color schemes now. This means that all light scheme components are preserved, but all dark scheme components are deleted. However, any existing components will not change visually unless you manually update or relink them.

We understand this can be a breaking change, so if you would like some help over a call, contact us.

Yes. When something in the library is added, changed, or deleted, the process is the same. When library updates are available, the Libraries icon in the Assets tab will display a blue badge.