DEV Community

loading...
Cover image for Adobe XD to HTML Full Process

Adobe XD to HTML Full Process

adriantwarog profile image Adrian Twarog ・1 min read

I will cover the full process of taking an Adobe XD design and developing it with HTML and CSS.

In this video I cover:

  • Exporting basic elements like IMG's, SVG's, etc
  • Preparing and building the Header, Menu, Sections and Footer
  • Using CSS to ensure the styling of the sections fit the design
  • Explaining and showing the process of how some items that need to be converted don't always work and need some extra time to get things right.

Hopefully, this video will help those looking to see the process behind developing sites in day to day business. In the next article, we might take a look at importing this into WordPress, adding in Responsive Design, etc.

Follow and support me:

Special thanks if you subscribe to my channel :)

Want to see more:

I will try to post new great content every day. Here are the latest items:

Discussion

pic
Editor guide
Collapse
tsimpson profile image
Travis Simpson

Followed this while working on an xd document I was given as a test for a job, super helpful and pointed out a lot of concepts to apply to it, thanks!