The Zeplin Figma plugin now has a settings menu where you can manage some options for your frames and components.
To open the settings, click on the “…” button:
Export components to styleguide
By default, Zeplin exports your components to your styleguide. If you want to change this and export your components as screens, you can disable the “Export components to styleguide“ option:
Include page in component names
When exporting components, Zeplin will export them with their given name in Figma.
Sometimes, a component might have the same name, but look different and belong to a different page.
To include the page name as part of the component name, make sure to enable
“Include page in component names option” under the Settings before exporting your component.
You’ll see that the components will now have the page names, like so:
With the Figma Sync feature, you can export your Figma designs with one-click to Zeplin. The plugin remembers the project or the styleguide you previously exported to and lets you sync your designs.
If you want a fresh start and don’t want to keep syncing your designs anymore, choose the frames and components you want to clear, click on the “Clear” button.
💁♀️ You can use the Logout button if you want to log into Zeplin Figma Plugin with another Zeplin account.