Web Design » Figma » How Do I Publish From Figma to Zeplin?

How Do I Publish From Figma to Zeplin?

Last updated on September 29, 2022 @ 10:54 am

Figma is a vector graphics editor and prototyping tool – the first interface design tool with real-time collaboration. Zeplin is the ultimate collaboration tool between designers and developers. It streamlines the handoff by taking designs from Sketch, Adobe XD, Figma and Photoshop and providing styleguides, resources, and code snippets automatically.

So how do you publish from Figma to Zeplin?

It’s actually pretty simple – just click on the ‘Publish to Zeplin’ button in the top right hand corner of your screen when you’re in Figma. A pop-up will appear asking you to name your project, select a workspace (if you have more than one) and choose whether you want to publish only the current page or the whole project.

PRO TIP: If you are planning to publish from Figma to Zeplin, please be aware that there are some potential risks involved.

Firstly, please be aware that Zeplin is a third-party tool, and as such, there is always a possibility that something could go wrong when using it. If you are not comfortable with using third-party tools, then we would recommend not publishing from Figma to Zeplin.

Secondly, please be aware that when you publish from Figma to Zeplin, any changes that you make in Figma will automatically be reflected in Zeplin. This means that if you accidentally delete something in Figma, it will also be deleted in Zeplin.

Lastly, please note that Zeplin does have its own set of rules and guidelines which you will need to follow. These can be found here: https://zpl.io/docs/guidelines.

If you are still happy to proceed with publishing from Figma to Zeplin, then please make sure that you take care and double check everything before doing so.

Once you’ve hit ‘Publish’, your designs will be available for anyone in your workspace to view and comment on in Zeplin.

Conclusion:

So there you have it – publishing from Figma to Zeplin is quick and easy! By using Zeplin, you can streamline the handoff between designers and developers, making for a smoother workflow and better collaboration overall.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.