Skip to main content
All CollectionsTips & Tricks
Publishing designs in order
Publishing designs in order

Learn how Zeplin analyzes the layout of your artboards and components in your design file to publish them in order

Tuba avatar
Written by Tuba
Updated this week

You can publish your designs in order into Zeplin. Whether your artboards or components are laid out horizontally, vertically, both horizontally and vertically, or you numbered them in your design file, you can choose the order you want to publish them to Zeplin.

By default, Zeplin will order your designs by their positions and add them to your project or styleguide accordingly. You can update this setting any time before you publish your designs to Zeplin.

Publishing from Figma

Using the Figma plugin, you can publish your frames and components in order by their positions or names. You'll see the "Frame/Component order" option under the Settings menu of Zeplin's Figma plugin.

Publishing from Sketch

When you select your artboards/components to export into Zeplin, you'll see the "Order Sketch Screens And Components By" menu item under the settings menu on the export panel, where you can select a few options. You can publish your designs in order by:

  • Position on the canvas

  • Layer list (Bottom to top)

  • Reverse layer list (Top to bottom)

  • Name (Alphanumerically)

Publishing from Adobe XD

Using the Adobe XD plugin, you can publish your artboards and components in order by their positions or names. You'll see the "Artboard/Component order" option under the Settings menu in the Adobe XD plugin.

How do order options work?

Position

If you prefer ordering your designs by their positions on the canvas, Zeplin will analyze the layout of your designs based on how close they are to each other. They can be laid out vertically, horizontally, or both vertically and horizontally; Zeplin can still distinguish the layout and publish them in the correct order automatically.

If you have any feedback about how Zeplin orders your designs based on their positions, please let us know at support@zeplin.io—we’d love to make it better.

Layer list

If you prefer ordering your designs by the layer list, Zeplin will publish them in their order in the layer list, from bottom to top.

Layer list (Reverse)

If you prefer ordering your designs by the layer list in reverse, Zeplin will publish them in their order in the layer list, from top to bottom.

Name

If you prefer ordering your designs based on their names, e.g. "1.0 Login", "1.1. Sign Up", Zeplin will publish your designs based on their names, sorting them alphanumerically.

To dig deeper into this or any other topics related to Zeplin, reach out to our Customer Success crew at success@zeplin.io to schedule a 30-minute call.


Related articles

Did this answer your question?