Skip to content

carlosflrg/name-my-color

Repository files navigation

Name My Color 🎨

name-my-color

Plugin for Sketch to name to the closest matching color. Download Here

Give your colors unique names. Generates labels for the Color Name, Hexcode and changes the name of the selected layer. This plugin was based on Chirag Mehta's project: Name That Color you can find the Javascript library here: http://chir.ag/projects/name-that-color

This plugin was created to improve the design practices for the Anexinet Design Team, but feel free to improve it and suggest changes.

Usage

  • control cmd n - Run Name My Color for fills
  • control cmd b - Run Name My Color for borders

Installation

  1. Download and open name-my-color.zip
  2. Double click on the item to install on Sketch.

To find your plugins directory...

  1. In the Sketch menu, navigate to Plugins > Manage Plugins...
  2. Click the cog in the lower left of the plugins window, and click Reveal Plugins Folder

Demo

name-my-color

Tutorial

  1. Start by creating your swatches template. Create a rectangle and fill it with a solid color. Protip: Name your rectangles if you are planning to export them into a layer style.

name-my-color

  1. Select the color layers you wish to name.

name-my-color

  1. Run the plugin from the Plugins Menu or use Control + Command + n

name-my-color

  1. The layer will be renamed to match the closest name in the library, the name label will be placed under the rectangle layer and so will the hexcode#.

name-my-color

  1. If successful a message like this will be shown at the bottom of your screen.

name-my-color

  1. Remember to watch your layer names. Add as many colors as you want by creating new rectangles with filled colors.

name-my-color

Changelog

  • 1.0 - Created the project to work on the Anexinet Master Template, works with borders too.

Contact

Find me on Twitter @uxcharlie

License

Copyright (c) 2020 Carlos Flores. See LICENSE.md for further details.

About

Plugin for Sketch to name to closest matching color.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published