Exporting icons from Figma to Zeplin is a simple process that can save you time and money. It allows you to quickly share your work with clients or colleagues.
There are several steps involved in exporting icons from Figma to Zeplin, but once you understand them, the process is fairly straightforward.
Step 1: The first thing you need to do is log into Figma and open the file that contains the icons you want to export. Once the file has been opened, select the icons that need to be exported by clicking on them and dragging your mouse over them. This will make them appear highlighted in blue.
Step 2: Once all of the desired icons have been selected, go to the “File” menu in the top left corner of Figma and select “Export” from the drop-down list. This will open up a new window where you can specify which format you want to export your icons in, as well as their resolution.
Step 3: After selecting your desired format and resolution, click on “Export” at the bottom of this window. This will create a folder with all of your exported icons inside it. Copy this folder onto your computer or an external storage device.
Step 4: Log into Zeplin and create a new project by clicking on the “+” button at the top right corner of Zeplin’s main page. Give this project a name and then click on “Create Project”.
Step 5: Select “Add Assets” in this new project’s sidebar menu and then drag and drop all of your exported icons from Figma into this window. Once all of your files have been uploaded, click on “Save Changes” at the bottom right corner of this window.
Conclusion:
Exporting icons from Figma to Zeplin is a simple process that allows for easy collaboration between designers and developers. All that is needed is for designers to log into Figma, select their desired icons, export them in the desired format and resolution, copy these files onto their computers or storage devices, log into Zeplin, create a new project, add assets into it, and finally save changes. Following these steps carefully will ensure that all exported icons are successfully shared between designers and developers.