{"id":29863,"date":"2021-11-29T11:04:10","date_gmt":"2021-11-29T11:04:10","guid":{"rendered":"https:\/\/www.thepicpedia.com\/blog\/adobe\/zeplin-for-adobe-xd-plugin-export-designs-components\/"},"modified":"2021-11-29T11:04:10","modified_gmt":"2021-11-29T11:04:10","slug":"zeplin-for-adobe-xd-plugin-export-designs-components","status":"publish","type":"post","link":"https:\/\/www.thepicpedia.com\/blog\/adobe\/zeplin-for-adobe-xd-plugin-export-designs-components\/","title":{"rendered":"Zeplin for Adobe XD Plugin: Export Designs & Components"},"content":{"rendered":"
\n

Teams of all shapes and sizes use Adobe XD and Zeplin together to design amazing experiences and bring them to life. With Zeplin, designers can publish finalized XD designs to the structured & organized Zeplin workspace. Here, the entire team \u2014 including developers, product managers, copywriters, and more \u2014 can access finalized designs, providing clarity on what to build. Zeplin provides the team with the source of truth for shipping experiences and is easy to use for everyone, even those without design backgrounds.<\/p>\n

The teams at XD and Zeplin have been working together for several years. In 2018 we announced an initial integration, allowing designers to export from XD to Zeplin for development. Fast forward to today and there are thousands of design teams publishing more than 1 million XD designs to Zeplin each month! And today, we\u2019re announcing exciting updates to the Zeplin for Adobe XD integration with the new Zeplin for Adobe XD plugin, making it even easier for designers, developers, and the broader team to collaborate.<\/p>\n

To get started right away, you can click here to install the Zeplin for Adobe XD plugin.<\/p>\n

With the new plugin, you\u2019ll still publish designs and components from XD to a Zeplin workspace as you do today. With the plugin installed, simply select objects on your canvas and select \u201cPlugins > Zeplin for XD > Export Selected,\u201d or use one of the keyboard shortcuts below for an easier workflow. Next, you\u2019ll be prompted to open the Zeplin app where you can organize your designs and collaborate with the team.<\/p>\n

While the publishing process is familiar, the plugin is now built on an entirely new foundation using the Adobe XD Plugin APIs. This provides improved performance and introduces some new features for XD and Zeplin users:<\/p>\n

Cloud documents support<\/strong> \u2013 now, you can export designs and components from XD cloud documents as well as local documents. Previously, the Zeplin integration was only compatible with documents saved locally.
\nSupport for large files<\/strong> \u2013 thanks to the XD Plugin APIs, you can export even the largest of files \u2013 no more size limits or timeout issues.
\nUpdated keyboard shortcuts<\/strong> \u2013 you can hit Ctrl+Shift+E for macOS or Ctrl+Alt+Z for Windows to export designs from XD to Zeplin.<\/p>\n

With these updates to the Zeplin for Adobe XD plugin, connecting design to delivery has never been easier. We can\u2019t wait to hear how product teams are using XD and Zeplin together to deliver on the promise of design.<\/p>\n

To get started, you can install the Zeplin for Adobe XD plugin. To learn more about publishing designs from XD to Zeplin, check out this support article on the Zeplin website.<\/p>\n<\/div>\n

Source : Adobe<\/p>\n","protected":false},"excerpt":{"rendered":"

Teams of all shapes and sizes use Adobe XD and Zeplin together to design amazing experiences and bring them to life. With Zeplin, designers can publish finalized XD designs to the structured & organized Zeplin workspace. Here, the entire team \u2014 including developers, product managers, copywriters, and more \u2014 can access finalized designs, providing clarity …<\/p>\n","protected":false},"author":1,"featured_media":29865,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"_links":{"self":[{"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/posts\/29863"}],"collection":[{"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/comments?post=29863"}],"version-history":[{"count":1,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/posts\/29863\/revisions"}],"predecessor-version":[{"id":29866,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/posts\/29863\/revisions\/29866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/media\/29865"}],"wp:attachment":[{"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/media?parent=29863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/categories?post=29863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/tags?post=29863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}