DEV Community

Cover image for Convert Adobe XD Prototype Mockup to HTML, CSS Code
FollowAndrew
FollowAndrew

Posted on • Originally published at followandrew.dev

Convert Adobe XD Prototype Mockup to HTML, CSS Code

Part 2/2 of the XD to CSS, HTML Tutorial. Finishing the 'inner' parts with CSS Flexbox.


Please consider subscribing to the YouTube Channel!


Hope all are well and learn a trick or two. Happy quarantine to all!

Top comments (1)

Collapse
 
kr4idle profile image
Pete Steven

Great tutorial.

You can also automate some of the work by using nocode tools like Desech Studio. You will just import the adobexd file and get a clean html structure with css grids and styles. You still have to adjust the margins and there are a couple of gotchas, but most of the work is done.