All Collections
Figma Integration
Exporting colors from Figma
Exporting colors from Figma
Learn how to export colors from Figma to your styleguide
Didem avatar
Written by Didem
Updated over a week ago

Zeplin automatically fetches all local colors in a Figma file when you export any frame or component from it.

☝️ Make sure that your colors are saved as color styles before exporting to Zeplin.

These colors will be suggested under the Color Palette section in your styleguide or your project’s Styleguide tab. You can either add them all using the “Add All” button or add individual text styles by clicking on the ones you want separately.

You can choose to ignore these suggestions by clicking “Ignore these colors”. When you do this, Zeplin will no longer show suggested colors in this styleguide again.

To see suggested colors again, you can reset this setting by opening a project or a styleguide and selecting “Help > Reset Suggested Colors” from the menu up top.

Naming and formatting colors

When you export colors from Figma, the names and formats of these colors in Zeplin will match the way your colors are named and formatted in Figma. Also, there's no character limit for color names.

☝️ It's not possible to sync local colors and text styles. To publish them, you need to disable the sync feature first and export any frame or component in your design file.

Related articles:

Did this answer your question?