You can publish your designs in a Figma section to create sections automatically in your Zeplin project.
To get started, run the Zeplin plugin in Figma, right-click anywhere on your canvas and select “Plugins > Zeplin” to launch it. You can learn more here: Getting started with the Figma plugin
Once the plugin launches, select a Figma section to publish designs in — you’ll notice how many sections, frames, or components will be exported in the plugin.
Once they're exported, Zeplin will create sections in your project in the same hierarchy as in your Figma file. If some of the sections you're exporting are already in Zeplin, then the plugin makes the updates based on the section's location in Zeplin.
☝️ Zeplin creates sections only for screens. Creating sections for styleguide components via the Figma plugin is currently not supported.
Zeplin supports three levels of nested sections. If you export a nested section that has more than three levels, fourth and more levels will be created as a separate third-level subsection in your project. You can learn more about managing your sections and moving screens between sections easily here.
If you change the location or the name of a section in your Zeplin project, Zeplin will update the designs in their latest place when you re-export them from Figma. This means re-exporting will not reset the changes made for the sections in Zeplin.
If there’s a manually created section in your project, and you export a Figma section with the same name, Zeplin will match them by their names.
💁♀️ If you only want to export frames or components in your section, you can select them without selecting the section itself. You can always check the plugin to notice how many sections, frames, or components are selected to export.
If you would like to learn more about Zeplin's Figma integration or any other topics related to Zeplin, reach out to our Customer Success crew at success@zeplin.io to schedule a 30-minute call.