How to Convert xd files to bootsrap?

3 replies
7735 views
Translate

Hi Team,

Here quick question. How do I convert adobe xd components to bootstrap components? I can see that are a handful of tools available to convert into HTML and CSS. Any way to convert the design to Bootstrap?

{Renamed by MOD}

How to

This topic is closed to new replies. Start a new post to keep the conversation going.

Dan RodneyCorrect answer

Community Expert

XD is intended to be a design app, not code production app. So you can design on a bootstrap grid in XD, and then turn that into code by hand coding it.

Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor

Dan Rodney

Correct answer

Community Expert

XD is intended to be a design app, not code production app. So you can design on a bootstrap grid in XD, and then turn that into code by hand coding it.

Translate

Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor

Chris W. Griffith

Community Expert

Nothing directly. There are some plugins that do some levels of HTML export, but I don't think any of them map to the structure of a Bootstrap component.

Translate

Rishabh_Tiwari

Legend

Hi there,

Thanks for reaching out. Please refer to this video tutorial https://www.youtube.com/watch?v=36YgqQnOm1s and let us know if this helps or if you need any further assistance.

Regards

Rishabh

Translate

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.