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.