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

Convert option prototype to HTML + CSS!

Community Beginner ,
Apr 17, 2018 Apr 17, 2018

Dear Adobe!

I and my team need convert option from prototype to HTML + CSS. I think it is better fast way to create webdesing.

Could you please add this option in future?

Thanks!!

897
Translate
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 1 Correct answer

Apr 18, 2018 Apr 18, 2018

Adobe XD now has plug-ins that allow for extracting HTML and CSS. Select Plugins > Discover Plugins and search using keywords such as web, or HTML, CSS.

If you have used any of these plugins, we would like to know your observations on how you found them.

- Were you able to successfully use these tools to extract HTML and CSS?

- How easy was the handoff to the developer? Were the developers readily able to work with the code?

- Did you face any challenges that you want to share?

- Do you have any favo

...
Translate
Apr 18, 2018 Apr 18, 2018
LATEST

Adobe XD now has plug-ins that allow for extracting HTML and CSS. Select Plugins > Discover Plugins and search using keywords such as web, or HTML, CSS.

If you have used any of these plugins, we would like to know your observations on how you found them.

- Were you able to successfully use these tools to extract HTML and CSS?

- How easy was the handoff to the developer? Were the developers readily able to work with the code?

- Did you face any challenges that you want to share?

- Do you have any favourites?

While we are still on this topic, Adobe XD allows you to export assets Learn how to export production-ready assets from Adobe XD to PNG, SVG, JPG, and PDF files. that you can share with your developers. This helps reduce developer effort and production time. You can also share design specs containing design properties of files with developers Design specs .

Like it was correctly pointed out in this thread, Adobe Muse is no longer under development. You can use Adobe XD to create high-res prototypes of websites (responsive even!) that can be shared with your stakeholders and developers. Your developers will then have to translate your vision to code using the tool of their choice.

Having said that, I encourage you to have a look at these videos that will help you quickly create prototypes of websites in Adobe XD.

Designing a website, Paul Trani, Live Demo : Getting Started in Adobe XD: Designing a Website - YouTube

Designing a responsive site, Design Course: Responsive Web Design Tutorial in Adobe XD - YouTube​. The author has also provided the XD file for download, https://s3.amazonaws.com/coursetro/UI...!

Translate
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