Skip to content
Token Studio Design Exporter

Token Studio Design Exporter

by Roger

See which design tokens your Figma layers actually use — and export them.

FreeFigmaDev Mode

Installs

7

Likes

1

Users

190

Views

67

Preview

Token Studio Design Exporter preview

About this plugin

Want to know which Token Studio token sits behind a color or corner radius? Click any layer and see the tokens bound to it, instantly.

Pick a single layer or scan a whole component or frame. Colors show as swatches, radii are labelled by corner, and you can copy or download everything as JSON or a tidy `design.md` summary for your team or your code.

It reads the Token Studio data already in your file, and runs fully local and read-only.

Handy forChecking which tokens a component usesHanding design tokens to developersFeeding a token preview or code-gen tool

More import & export plugins plugins

View all