How to extract the HTML CSS using Adobe XD?

Question

Whenever I do extraction of my UI designs into HTML CSS, I get code of approx 4000 lines which is very painful to manage for a developer. so is there any other way to extract the design from Adbode XD to get less number of lines?
 
<Title renamed by moderator>

AkinGn · Accepted Answer

Hi @SURENDRA28454473y5w5, as I see in the conversation here, @Preran suggests:

"

We understand that this is a highly viewed thread on XD community and thank you for reaching out. We would like to inform you that you can use the plugin "Web Export" which allows you to extract HTML and CSS from your design.

You can also use Adobe XD plug-ins that allow for extracting HTML and CSS. Select Plugins > Discover Plugins and search using keywords such as web, or HTML, CSS.

Sharing a video from one of our Youtube experts on this topic.

https://www.youtube.com/watch?v=goI6JHO99Qg

"

There's one other plugin that I heard of, which is called Anima, you can also try that: https://www.animaapp.com/xd

Hope this helps!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.