To publish your sections, frames, or components from a Figma design to Zeplin:
Open the Figma file you want to export.
Open the Resources menu (⇧ I), click Plugins, and search for Zeplin. Then click Run to launch the Zeplin plugin.
3. Select the sections, frames, and components you want to export to Zeplin, and once you're ready, click on the export button:
You can export as many frames or components as you’d like to Zeplin — notice the plugin displays how many you have selected.
💁♀️ You can access the Zeplin community file here: https://zpl.io/figma-plugin
After you run the plugin, you can also right-click anywhere on your canvas and select “Plugins > Zeplin”, to launch it:
In the project selection window, you can switch between your workspaces to choose the desired project or styleguide.
☝️ If you export a large number of frames, the export process may take a bit longer since Zeplin will need to generate more assets.
💁♀️ Zeplin has 100 character limit for screen names. If your artboard has a name with more than 100 characters, it’ll be trimmed to 100 in Zeplin.
Re-exporting designs
Zeplin remembers the projects or styleguides you exported your designs previously. This helps you to re-export your designs with one click later on. Check out this article to learn more about how re-exporting works.
Exporting components
Exporting components works exactly the same as exporting frames. You can learn more here.
Exporting sections
When you export a section from Figma, Zeplin will publish your designs in that Figma section and create corresponding sections in your Zeplin project, maintaining the same hierarchy as in your Figma file. Learn more here.
Viewing file location
Zeplin shows the Figma file location on the right panel of the screen, depending on members' roles. You can directly open the design file in Figma by clicking on the file name.
Free and Basic plans
All project members.
Advanced, Team, Organization, or Enterprise plans
Members with an Editor or higher role.
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.
Next up: Collaborating with your team
Related articles