2

I have a project that was designed in Adobe XD. Is there any way to export or convert in CSS and HTML and use in code editor? Or I have to design by myself the code?

Thanks

Alessio Cantarella
  • 5,077
  • 3
  • 27
  • 34
UP STUDIO
  • 21
  • 1
  • 3

2 Answers2

1

This was discussed on the adboe forum: https://forums.adobe.com/thread/2389490

You´ve to intall a plugin to export your xd project to html and css.

One could be found here: http://exportkit.com/downloads

Or you just open XD go to plugins -> discover plugins -> and search for web export/html export.

Adobe is working on native solutions since there are so many requests:

https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/32003005-extract-export-css-for-development-feature

https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/13057005-export-whole-artboards-or-entire-project-as-html

But i think your question is a duplicate since this was already asked & anwsered:

Convert HTML / CSS from Adobe XD

Thorsten Wolske
  • 424
  • 4
  • 9
1

You don't need plugins for it.

You can use Desech Studio to import the adobexd file and then you will get a clean html structure positioned with css grids. You still have to adjust the margins and sizes though, it's not a 100% conversion.

dreamLo
  • 1,612
  • 12
  • 17