Every component, with its whole story.

Grails syncs with your Figma library and keeps track of each component´s variants, props, anatomy, health and version history.

Closed alpha: request access at no cost during the period.

Button

Properties

Components

Tokens

color/brand/primary

CHI

Optimal

Capabilities

What you can do

Explore your library
View your components in a table or grid view, with search and filters.
Sync status on every row
Each component says whether Grails’ copy is up to date with Figma, with states like Synced, Modified and Deleted in Figma.
A version for each synced component
The Version column shows a component’s current version in Grails. Open its History Panel to see its evolution over time.
CHI: Component Health Index
Grails performs an analysis of several aspects on each component, resulting in a standarized score metric that can help you identify improvement opportunities.
Get the whole context
Explore a component´s direct sub-components, the components that use it, and the tokens it binds.

Everything is related

Nothing in a design system stands alone. These are the features this one works with.

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.