Your system
In the appText and color styles, with the tokens they use.
Your Figma text styles and paint styles, with the tokens they bind one click away.
Closed alpha: request access at no cost during the period.
The Styles section, drawn as a schematic: groups on the left, and a card per paint style with its swatch and the tokens it binds.
Swipe sideways to see the whole screen.
Typography
Capabilities
What you can do
Paint styles
Each card shows the swatch, the name, a PAINT badge, the sync status, the description and the tokens the style binds.
Text styles
Typography cards show a sentence set in the style, with the font, weight, size and line height as chips.
Tokens one click away
A paint card lists the tokens it binds as chips, and a text style’s panel shows them. Open a token to see its values and aliases.
Synced from Figma
Paint and text styles come in with the plugin’s sync, and the status on each card says whether Grails’ copy is up to date.
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.