All Collections
Global Styleguides
Exporting to a styleguide
Exporting to a styleguide

Learn how to export to a global styleguide

Tuba avatar
Written by Tuba
Updated over a week ago

Styleguides are treated like projects, and you can see them in the project selection window while publishing your designs. This way, you can export your colors, text styles, and components directly into your styleguide.

๐Ÿ’โ€โ™€๏ธ Since child styleguides inherit colors, text styles, and components from the parent styleguide, you only need to export the colors, text styles, and components that are unique to that specific styleguide based on the platform type (Base, Web, iOS or Android). If you have project-level specific resources, you can include those in your project styleguide instead. You can learn more here: Defining parent and child styleguides

Exporting components

When you export your components to your styleguide, they will be listed under the Components section in the styleguide.

You can find more details on how to export components from your design tool here:

Exporting colors and text styles

In Figma, Sketch, and Adobe XD, if you have colors and text styles defined in your design file, Zeplin detects these colors and text styles and shows them as suggestions under the styleguide's "Color Palette" and "Text Style Catalog" sections while exporting your components to a styleguide. This way, you can immediately add all of them or pick which ones to add.

In Figma and Sketch, you can also export colors and text styles directly from the plugins. To learn more about exporting colors and text styles, check out the below articles.



Adobe XD:

Related articles:

Did this answer your question?