Export Design Tokens
by ikkyu-3
Figmaのローカル変数・スタイルを、W3C Design Tokens Draft準拠のJSONへ変換・エクスポートする実験的プラグインです。
Installs
23
Likes
2
Users
530
Views
555
Preview
About this plugin
Export Design TokensFigmaのローカル変数・スタイルを、W3C Design Tokens Draft準拠のJSONへ変換・エクスポートする実験的プラグインです。エクスポートしたDesign TokensはStyle Dictionaryなどで各プラットフォームへ展開できます。注意: 本プラグインは https://www.designtokens.org/tr/drafts/ を元にした実験的実装です。概要Variable CollectionsをmodeごとにGroup トークンとして出力Text Styles を Typography トークンとして出力Paint Styles を Color/Gradient トークンとして出力Effect Styles を Shadow トークンとして出力注意点Local VariablesのScope設定がトークン種別に影響します。特に数値系は注意してください。詳細はこちらから確認してください。
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.