To publish your sections, frames, or components from a Figma design to Zeplin:

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.

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 works exactly the same as exporting frames. You can learn more here.

When you export a section from Figma, Zeplin will publish your designs that are in that Figma section and create corresponding sections in your Zeplin project, maintaining the same hierarchy as in your Figma file. Learn more here.

Zeplin shows the Figma file location on the right panel of the screen both on the Mac app and the Web app, depending on members' roles in their workspaces:

You can directly open the design file in Figma by clicking on the file name.

Next up: Collaborating with your team

Related articles: