Why Avocode is the best Zeplin alternative for sharing and inspecting design files? 1) Easier hand-off without preparing layers. 2) You don’t need design tools. 3) Inspecting features are more advanced. 4) Unlimited projects. With Zeplin, you can publish finalized designs from Figma, Sketch, Adobe XD and Photoshop. Developers get a 'locked' design to build from, while designers can iterate on the next great release. Zeplin is the source of truth for finalized designs, if it’s not in Zeplin it won’t be in the shipped product. Alan Chappell, Head of UX. Zeplin is a connected space for product teams where they can handoff designs and styleguides with accurate specs, assets, code snippets automatically. Export your file in one click using our Adobe XD and Adobe Photoshop plugins, generating development resources automatically. Powered by Zeplin (Twitter: Instagram: Business inquiries: me@maxlabs.de -.
Zeplin automatically fetches text styles (or character styles) of an Adobe XD document when you export any artboard or component in it.
☝️ Make sure your Adobe XD file is saved locally on your device before exporting. Due to a technical limitation, it’s not possible to export text styles from a file saved on Adobe Cloud.
These text styles will be suggested under the Text Style Catalog section of either your project's Styleguide tab or your styleguide. You can either add them all using the “Add All” button or click separately on the ones you want to add individually.
If you ignore them once by clicking “Ignore these text styles”, Zeplin doesn't show these text styles again on your next export, to not bug you all the time. To reset this, select “Help > Reset Suggested Text Styles” from the menu up top, while you're in a project or a styleguide.
Related articles:
Zeplin Control
☝️ To export components, due to a technical limitation, make sure the Adobe XD file is saved locally on your device, and not on Adobe Cloud.
You now can export your Adobe XD components directly into Zeplin and they will be listed under the Components tab of your styleguide.
Exporting components is very similar to exporting artboards from Adobe XD. Initially, you need to select the components you want to export:
1. Select one or multiple components that are located in the pasteboard area, outside of an artboard. If your components are not in the pasteboard area, you can select them from the Assets panel of the file and drag them out to the pasteboard area:
2. Save the file manually. (Make sure that it's saved locally on your device, and not on Adobe Cloud. This is due to a technical limitation we're currently working on with the Adobe XD team.)
3. Select “File > Export > Zeplin” from the menu, or use the shortcut “Command/Ctrl + Option/Alt + E”.
Once the export process ends, they will be listed under the Components tab of the styleguide.
Zeplin For Xd Mac
☝️ If you see the “No artboard or component selected” error message, saving your Adobe XD file and re-exporting it should do the trick.
Generating assets from components
If you'd like these components to be available as assets, you will need to mark them for export. You can learn how to mark layers for export here: Exporting assets from Adobe XD
Zeplin Xd Download
Related articles: