Skip to content

cozy/sketch-json-color-palette-importer

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

sketch-json-color-palette-importer

Sketch JSON Color Palette Importer

Create shared layer styles by importing JSON color palettes.

Download latest version.

Description

This plugin will add all the colors from the JSON and create a shared layer styles out of them to be used inside your project.

Supported JSON Format

{
  PALETTE_NAME: {
    COLOR_LABEL: COLOR_HEX,
    ...
  },
  ...
}

Resources to generate colors

You can use Material Design Palette Generator to generate accessible color palettes and export them in JSON that will work with this plugin without any modifications.

Another tool generating a JSON file that work out-of-box is Open Color Tools

You can also use ColorBox by Lyft Design to generate a color palette, but it will require slight modification to the JSON code to make it work with the plugin.

Troubleshooting

If you have any problem with importing JSON code, try to validate it first and then format/prettify it. For validation and formatting you can use any available online tool, such as https://jsonformatter.org/

TO-DO

  • Check if JSON format is correct
  • Check if any artboard already exisits inside page and create new artboards after them
  • Ask to create a style (checkbox)
  • Support any JSON format?
  • Create color palette inside color picker tool? (checkbox)

Licence

MIT

About

Create shared layer styles by importing JSON color palettes

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%