Token Studio Design Exporter
by Roger
See which design tokens your Figma layers actually use — and export them.
Installs
7
Likes
1
Users
190
Views
67
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 allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF