🧪 This is an experimental feature we’re currently iterating on; let us know if you have any suggestions!
Zeplin exports assets, such as icons and photos, from layers in your design file. Assets are optimized image files in specific formats and scales based on your project type. For Zeplin to export assets from a layer, they need to be marked for export within the design file.
Designers often forget to mark a layer for export, which causes a lot of back-and-forth within the team. We hear you, and we're now working toward a solution!
How does it work?
Zeplin now auto-exports assets from layers that conform to certain patterns. In Zeplin, you'll notice the experimental icon (🧪) when you select an asset that's been auto-exported.
Pattern | Integration |
Layers with names starting with | Figma: ✅ Sketch: WIP Adobe XD: WIP |
Components that only contain shapes, like icons | Figma: ✅ Sketch: WIP Adobe XD: WIP |
💁♀️ This option is automatically enabled on the Figma plugin. If you need to turn it off or on, you can manage it from the plugin’s settings menu: Setting up your Figma plugin
☝️ The pattern for the layers with names starting with icon, icn, ic, ico is case-sensitive.
Help us shape this feature
We barely got started, and in the following months, we will continue to add support for more patterns and design tools. If you have any suggestions on patterns we currently use or could add in the future, we'd love to hear them. Use the chat bubble below to reach out to us!