☝️ To be able to export designs, you will need to have the desktop app installed on your computer as well as the Zeplin plugin installed in Figma. It’s not possible to export Figma files directly to Zeplin without the plugin.
To get started, install the Zeplin plugin in Figma: https://zpl.io/figma-plugin
Once the plugin is installed, you can now right-click anywhere on your canvas and select “Plugins > Zeplin”, to launch it:
You can export as many frames or components as you’d like to Zeplin—notice the plugin displays how many you have selected.
Once you’re ready and the number of frames and components displayed in the plugin is correct, click on the Export button:
The plugin will then export all the necessary assets and layer data from Figma and launch Zeplin. There, you can select the project or styleguide you want to publish.
☝️ If you export a large number of frames, the export process may take a bit longer since Zeplin will need to generate more assets.
We’ve rebuilt the Figma integration from the ground up to fix critical performance issues and also introduced a couple of new features. Here’s a summary of what’s changed for previous users of the Figma integration:
- Fixed performance issues while exporting from large Figma files. Timeouts were the most common issue that a lot of teams were running into—now this should be fixed once and for all! 🦖
- Fixed resolution of exported designs. Especially large frames would have a low resolution in Zeplin, now they should look as sharp as they do in Figma.
- When you export frames or components, Zeplin now exports color and text styles in the file as well and lists them as a suggestion in your styleguide.
- Once a master component is set as exportable, Zeplin now generates assets from all of its instances automatically.
- If the layer contains a bitmap image, Zeplin now generates JPG assets automatically.