The Zeplin application will automatically open.Select the frame, hit export and choose “export to Zeplin”.Go to Figma and enable Zeplin by selecting the top left hamburger menu>integrations>Zeplin.Download Zeplin and create a project (experimental is fine).
To enable Figma and Zeplin follow these steps: Announcing Zeplin + Figma integration, redesigned from scratch to fix critical performance issues and introduce new features.
ZEPLIN FIGMA CODE
Unlike Figma’s code mode, where the assets are always up to date for the developer, you’ll need to re-export your designs to Zeplin whenever you make a change to the original. If you’re a Figma fan whose workflow depends on this dev tool, now you can transition seamlessly between the two applications. We’ve received a lot of requests for a Zeplin integration over the years. Zeplin focuses solely on the developer experience, presenting the data to engineers in an intuitive way. You can select a component or multiple components (which are usually located in the Components section in your Figma file) you want to export to Zeplin and click on the Export button.
Right-click anywhere in your canvas to launch the plugin and select Plugins > Zeplin. That’s why I’m so excited about today’s news: We’ve integrated with Zeplin, a popular hand-off app for UI designers and front-end developers. Exporting components works exactly the same as exporting frames. At Figma, we want to support systems of all stripes, so teams can collaborate using the process that works best for them. Companies design, prototype and build their digital products in many different ways.
0 kommentar(er)
