Zeplin lists all colors used in layers in the right panel, under the Colors tab (🎨). You can add colors to your styleguide by clicking the button right next to the color codes.

☝️ To delete a color from your Styleguide, just right click on the color and select “Delete”.

If you're working with Sketch, Zeplin grabs all of the colors added as document colors automatically and lists them under the project Styleguide. To add them to the project, you can either add them all using the “Add All” button or click separately on the ones you want to add.

You can reorder colors by dragging. Click on the color itself and drag the color to the place you want.

To reorder a color, click on the color itself then drag it to the place you want. 

You can edit names, hex codes and opacities of colors by just clicking on them. Zeplin remembers color names across projects as you rename them.

Related articles:

Did this answer your question?