Design Tokens

开发 · 1,449 likes

Export design tokens to JSON or GitHub.

Export Figma styles and custom tokens to a style dictionary ready json or sync to github. Vote for us on ProductHunt Design Tokens You can create design tokens for the following properties: colors typograhy grids effects sizes spacing (padding) radii borders motion opacity variables Benefits ✅ Actively developed ✅ Compatible with Amazon Style Dictionary ✅ Sync tokens directly with github repo (or other server) ✅ Support for Figma Styles ✅ Support for custom tokens Usage & transformation Find out how to use the plugin to create custom tokens from the documentation . Get up to speed transforming your tokens using style directory with the transformer package . You can also view the example Figma file . Feature request & bugs Please create an issues in the repository .

适用场景

Design Tokens 属于 开发 分类,适合希望用清晰结果驱动设计流程的团队。

关键信息

发布者信息

创建者:Lukas Oppermann。Figma 社区发布者:Lukas Oppermann。

兼容性与支持

安装前如何评估

查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。

在 Figma 中打开

相关插件