DesignToken2Code is a Sketch Plugin that converts shapes color using as design token to code such as scss variables.
This plugin was created using
skpm. For a detailed explanation on how things work, checkout the skpm Readme.
I want a workflow that make easy to maintain relation between design and code.
More detail (in Japanese): https://note.mu/yoshizukin/n/n7c48af8cdbee
- Install with Sketch Runner
With Sketch Runner, just go to the
installcommand and search for
DesignToken2Code. Runner allows you to manage plugins and do much more to speed up your workflow in Sketch. Download Runner here.
- Add artboard and name
- Add shapes in
- Rename shapes
$color-xxx.(xxx is specific words which you need)