Skip to main content
J
jamesm28815321
Participant
March 3, 2019
Answered

Want to edit Adobe XD code in Dreamweaver

  • March 3, 2019
  • 4 replies
  • 7246 views
I have a question that I cannot get an answer to. My question is this: Let's say that I have created a website using Adobe XD. I want to be able to edit the html code in Adobe Dreamscape to make changes or revisions such as adding javascript. Can I do this?

My email is REMOVED

[personal information removed for your protection - https://forums.adobe.com/docs/DOC-3731]

[This is a public forum, not Adobe support, please do not post personal information]

[Discussion moved from Adobe Creative Cloud to Adobe XD CC]

This topic has been closed for replies.
Correct answer Nancy OShea

The answer is probably not what you want to hear.  XD is a prototyping & design tool only.   It doesn't write HTML, CSS and JavaScript code for you.  You must hand off your XD prototypes to a developer or ocde it yourself manually in Dreamweaver, VS Code or similar code editor.

4 replies

D
dingonv
Participant
March 26, 2019

I have just found avocode.com. i do not work for them. it seems to do a LOT of what I was looking for in terms of developer handoff. gets the css styles and the basic DOM structure, ready for the devs (me) to plug in data placeholders/variables

Dan Rodney
Community Expert
Dan RodneyCommunity Expert
Community Expert
March 26, 2019

Avocode is quite similar to XD's "Share for Development" feature, which is included with XD at no extra cost. It's not exactly the same, but similar.

— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
D
dingonv
Participant
March 26, 2019

I will look deeper into the Share for Development thats in XD. as a developer, what i initially saw on a test from XD was not great. Avocode is looking better at this point.

Dan Rodney
Community Expert
Dan RodneyCommunity Expert
Community Expert
March 4, 2019

As Nancy OShea​ said, XD is design and prototype... not code. I know many people want the holy grail app that designs and builds a website (or app)... but so far I've really never seen one app that's good at everything from design to producing code. I'll never say never... but I haven't seen anyone do it yet, and would honestly be surprised if I saw someone finally do it.

— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
March 4, 2019

Before the EOL, Muse was a pretty good prototyping tool.  But unfortunately  the code Muse generated was horrible to work with.  At least with Dreamweaver and Bootstrap components I can assemble a standards compliant prototype in a  couple of hours.   No exporting required.

Nancy O'Shea— Product User & Community Expert
Dan Rodney
Community Expert
Dan RodneyCommunity Expert
Community Expert
March 4, 2019

Dreamweaver is more of a code/production tool, and not a good design tool. It's very restricting and time consuming compared to XD when it comes to designing/prototyping.

— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
March 3, 2019

The answer is probably not what you want to hear.  XD is a prototyping & design tool only.   It doesn't write HTML, CSS and JavaScript code for you.  You must hand off your XD prototypes to a developer or ocde it yourself manually in Dreamweaver, VS Code or similar code editor.

Nancy O'Shea— Product User & Community Expert
    John T Smith
    Community Expert
    John T SmithCommunity Expert
    Community Expert
    March 3, 2019

    Did you ask in the XD forum?

    Here is the list of all Adobe forums... https://forums.adobe.com/welcome

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