Skip to content
Grails
ENES
Sign up

How it works

From a Figma file to a system everyone can read.

Four steps, in the order they happen.

  1. Sync

    The Figma plugin scans a file, you review what it found, and sync. Grails reads your components, variables and styles.

    The Figma plugin

  2. Build

    From the sync Grails builds the record: a spec for each component, versions and diffs, health, and the relationships between things.

    Versions and diff

  3. Explore

    Open a component, a token or a style in the app, and follow its chips from one screen to the next. Document it where it lives.

    All features

  4. Connect

    Agents and code read the same record over MCP and REST, without Figma in the loop.

    Agents: API and MCP

See your own design system in Grails.

Request access, connect the Figma plugin and scan a file. Nothing is synced until you start it.

Sign up for freeGet the Figma plugin

While in Alpha, we are working 1:1 with teams to improve the product. Access during this period is per-request only.