☝️To be able to export designs, you will need to have the desktop app installed on your computer.
To get started, install the Zeplin plugin in Figma: https://zpl.io/figma-plugin
Once the plugin is installed, head over to the Figma file you want to export to Zeplin. To launch the plugin, you can right-click anywhere in your canvas and select “Plugins > Zeplin”:
You can now select any frames or components you want to export to Zeplin—notice the plugin displays how many you have selected.
When you’re ready, hit 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 export in to.
☝️ If you’re exporting many frames at once, note that exporting images might take a few minutes, as it generates all of the assets.
We’ve rebuilt the Figma integration from the ground up to fix critical performance issues and also introduced a couple new features. Here’s a summary of what’s changed:
- 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.