Skip to content

Your system

In the app

Every 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.

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.