Back to Plugins
Design Token Dock / 样式导出工具

Design Token Dock / 样式导出工具

<p><a href="https://excitedspider.github.io/figma-design-token-dock/" rel="noreferrer noopener nofollow" target="_blank">online pages</a></p><p><br></p><h1>Description</h1><p>This is a plugin to export figma style to design token json.</p><p><br></p><p>本插件用于将 figma 中定义的样式导出为 design token json.</p><p><br></p><h1>How to use</h1><p>Just select nodes using custom style then click export. And U will get a pretty json.</p><p><br></p><p>You can find more usage<strong> </strong><a href="https://excitedspider.github.io/figma-design-token-dock/" rel="noreferrer noopener nofollow" target="_blank"><strong>here</strong></a>.</p><p><br></p><h1>Exports token to...</h1><ul><li>clipboard</li><li>json file</li><li>github pull request [new!]</li></ul><p><br></p><h1>Github Pull Request</h1><p>To export token to github pr:</p><ol><li>Go to 'setting' and fill the github access token.</li><li>Select styles.</li><li>click 'Make a PR' button.</li><li>config repo</li><li>click 'Create PR' button.</li></ol><p><br></p><p>Notice:</p><ul><li>Your github access token need to have the access to create PR on master.</li></ul><p><br></p><h1>Feedback &amp; Ideas</h1><p>You can find me either at:</p><ul><li><a href="https://github.com/ExcitedSpider/figma-design-token-dock/issues" rel="noreferrer noopener nofollow" target="_blank">Github issues</a></li><li>[email protected]</li></ul><h2><br></h2>

design tokensfree

Plugin Preview

Design Token Dock / 样式导出工具 preview

About this plugin

online pages


Description

This is a plugin to export figma style to design token json.


本插件用于将 figma 中定义的样式导出为 design token json.


How to use

Just select nodes using custom style then click export. And U will get a pretty json.


You can find more usage here.


Exports token to...

  • clipboard
  • json file
  • github pull request [new!]


Github Pull Request

To export token to github pr:

  1. Go to 'setting' and fill the github access token.
  2. Select styles.
  3. click 'Make a PR' button.
  4. config repo
  5. click 'Create PR' button.


Notice:

  • Your github access token need to have the access to create PR on master.


Feedback & Ideas

You can find me either at:


Plugin Details

Version7
CreatedOctober 28, 2020
Last UpdatedJanuary 13, 2021
CategorySoftware development
Creatorqefeng
Stats1968 installs, 27 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js