Skip to main content
Participant
February 23, 2023
Answered

How to extract the HTML CSS using Adobe XD?

  • February 23, 2023
  • 1 reply
  • 655 views

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>

 

This topic has been closed for replies.
Correct answer AkinGn

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!

1 reply

AkinGn
Community Expert
AkinGnCommunity ExpertCorrect answer
Community Expert
February 23, 2023

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!