Your system
In the appEvery token, resolved.
Grails keeps your Figma variables as a library you can read: collections, modes, and the chain of aliases behind every value.
Closed alpha: request access at no cost during the period.
- color/brand/primary
Light Dark
Light Dark
Light Dark
Light Dark
Light Dark
| Variable name | Light | Dark | Scopes |
|---|---|---|---|
| color/brand/primary | |||
color/brand/primary
Values & aliases
Light
Dark
Capabilities
What you can do
Collections and modes
Each Figma collection keeps its modes. The table has one column per mode, so Light and Dark sit side by side.
Aliases, resolved
Open a token to see the chain from the token through its aliases to the raw value, mode by mode.
Scopes
A Scopes column shows where Figma allows each variable to be applied.
Export as DTCG
Export the library in the Design Tokens Community Group format from the app. Through the API it needs a plan that includes it.
One token, many doors
Components and paint styles show the tokens they bind as chips, and the chips open this same panel.
Everything is related
Connected to
Nothing in a design system stands alone. These are the features this one works with.
See your own design system in Grails.
Request access, connect the Figma plugin and scan a file. Nothing is synced until you start it.
While in Alpha, we are working 1:1 with teams to improve the product. Access during this period is per-request only.