• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to Convert xd files to bootsrap?

New Here ,
Jun 03, 2021 Jun 03, 2021

Copy link to clipboard

Copied

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}

TOPICS
How to

Views

6.4K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Community Expert , Jun 03, 2021 Jun 03, 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.

Votes

Translate

Translate
Community Expert , Jun 03, 2021 Jun 03, 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.

Votes

Translate

Translate
Adobe Employee ,
Jun 03, 2021 Jun 03, 2021

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 03, 2021 Jun 03, 2021

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 03, 2021 Jun 03, 2021

Copy link to clipboard

Copied

LATEST

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines