Skip to main content
B
Balaji5FFB
Participant
June 3, 2021
Answered

How to Convert xd files to bootsrap?

  • June 3, 2021
  • 3 replies
  • 7699 views

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}

This topic has been closed for replies.
Correct answer Dan Rodney

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.

3 replies

Dan Rodney
Community Expert
Dan RodneyCommunity ExpertCorrect answer
Community Expert
June 4, 2021

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
    Chris W. Griffith
    Community Expert
    Chris W. GriffithCommunity Expert
    Community Expert
    June 3, 2021

    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.

      Rishabh_Tiwari
      Community Manager
      Rishabh_TiwariCommunity Manager
      Community Manager
      June 3, 2021

      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

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices