Articles
Get started by reading our guides, or dive into the details of how Design Engine works under the hood.
Why Migrate Your Tokens from Figma?
Your Token Source of Truth Doesn't Belong in Figma and it doesn't belong buried in your codebase either.
Read more
Getting Started with Design Engine
What Design Engine is, what it does, and how to go from first login to a fully exported token set synced with Figma and Code.
Read more
Build Composite Tokens with Objects
Group related token values into composite objects — and how Design Engine uses this pattern for typography and elevation.
Read more
How References Work in Design Engine
How tokens stay connected to each other in Design Engine — and how linking a reference set lets one set point at another so updates cascade everywhere.
Read more
Export Tokens to Figma
Use the BaseFrame Sync plugin to import your token sets into Figma as native variables — including linked reference sets that import as their own collections.
Read more
Understanding the W3C Design Token Community Group Format
A deep dive into the DTCG specification — how it structures tokens, what each field means, and why it became the industry standard.
Read more