DesignSystemColours
<p>A tool to speed up the process of creating the colour palette of a design system.</p><p><br></p><p>With this tool, colour styles will automatically be added, using the standard BEM naming convention, making access and usage during design as easy as possible.</p><p><br></p><p><strong>How to use:</strong></p><p><br></p><ol><li>Find a colour you want to use in your design.</li><li>Convert the colour to HEX (or RGB) format and make a note of the value(s).</li><li>Input these values to the plugin, and the rest will be done for you!</li></ol><p><br></p><p>If you have any suggestions for how this plugin could be improved, please let me know :)</p><p><br></p><p>Comment how you find the plugin, and how much it improves your design system process - I would be really interested to know if you find it useful.</p>
Plugin Preview
About this plugin
A tool to speed up the process of creating the colour palette of a design system.
With this tool, colour styles will automatically be added, using the standard BEM naming convention, making access and usage during design as easy as possible.
How to use:
- Find a colour you want to use in your design.
 - Convert the colour to HEX (or RGB) format and make a note of the value(s).
 - Input these values to the plugin, and the rest will be done for you!
 
If you have any suggestions for how this plugin could be improved, please let me know :)
Comment how you find the plugin, and how much it improves your design system process - I would be really interested to know if you find it useful.
Plugin Details
| Version | 3 | 
|---|---|
| Created | July 26, 2022 | 
| Last Updated | August 24, 2022 | 
| Category | shapes-colors | 
| Creator | Sam Ireson | 
| Stats | 135 installs, 14 likes | 
| Pricing | Free | 
Technical Details
- API:1.0.0
 - UI:ui.html
 - main:code.js
 - Editor Types:figma
 
More Like This
Discover other plugins in the shapes-colors category.