SVG with Tokens
by Avner
Generate the SVG code of any Figma Vector Node, including the color tokens with their default value
Installs
49
Likes
13
Users
514
Views
882
Preview
About this plugin
This plugin generates the SVG code you would like to export, but also replaces the static colors values with the original token name. For example, if the SVG would contain: stop-color="#E6EFFA", this plugin will generate instead: stop-color="var(--token-name, #E6EFFA)"Demo: https://youtu.be/7UYkt4Ym20U
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.