Back to Plugins

Export Design Tokens
Figmaのローカル変数・スタイルを、W3C Design Tokens Draft準拠のJSONへ変換・エクスポートする実験的プラグインです。
Plugin Preview
About this plugin
Export Design Tokens
Figmaのローカル変数・スタイルを、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設定がトークン種別に影響します。特に数値系は注意してください。
詳細はこちらから確認してください。
Plugin Details
| Version | 5 |
|---|---|
| Created | August 24, 2025 |
| Last Updated | November 23, 2025 |
| Category | Software development |
| Creator | ikkyu-3 |
| Stats | 4 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdnjs.cloudflare.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.