All Collections
Adobe XD Integration
Publishing designs from Adobe XD
Publishing designs from Adobe XD

Learn how to publish your Adobe XD document to Zeplin

Didem avatar
Written by Didem
Updated over a week ago

In order to publish from Adobe XD, you will need to have the latest versions of both Adobe XD and Zeplin installed on your computer. After installing the plugin from https://zpl.io/xd-plugin, you will see a new menu item in the Plugins menu of Adobe XD.

Follow these steps below to export a layer or artboard from Adobe XD to Zeplin:

  1. Select any layer/artboard in your XD.

  2. Select "Plugins > Zeplin for XD > Export Selected…" from the menu up top:

The shortcuts for publishing designs are:

  • On Mac: Ctrl+Shift+E

  • On Windows: Ctrl+Alt+Z

This will then take you to Zeplin where you can select the project you want to publish the artboards into. Designs are now live on Zeplin, along with all the specs, assets, and code snippets that developers can make use of.

On the project selection window, you can switch between your workspaces to choose the desired project or styleguide.

Exporting components from Adobe XD is almost the same as exporting the artboards. Simply select a component or multiple components (located in the Component section) and use the same shortcut.

💁‍♀️ Zeplin has 100 character limit for screen names. If your artboard has a name with more than 100 characters, it’ll be trimmed to 100 in Zeplin.

Importing files into Zeplin

It's sadly not possible to import XD files directly into Zeplin just yet. You can only export your designs from the Export menu of Adobe XD.

Publishing with the previous legacy plugin

If you’re using the previous legacy plugin, here are a few differences between the previous and new integration to keep in mind:

  • The keyboard shortcut for publishing is “Command+Option+E” on Mac and“Ctrl+Alt +E” on Windows.

  • Make sure that the file is saved locally before publishing. Due to a technical limitation, it is not possible to export files saved on Adobe cloud.

  • If you're using the latest version of Adobe XD on Windows, you may experience issues while publishing your designs, such as a missing "export" button or project selection window. In these cases, we recommend that you use the new integration instead.

Related Articles:

Did this answer your question?