CONVERT TO CODE
We seriously need to be able to convert our designs into code, just like sketch and invision can both do. This is the only thing holding people back from joining xd.
Tom Clements
shared this idea
Hi, all-
“Convert to code” is fairly ambiguous, and I’m looking for more specifics as to what you’re hoping to get out of this. We already have a number of stories that go to specific technologies: HTML/CSS, XCode, Android Studio, etc. I’d like to close this one out in the interest of having more specific export paths.
-Elaine
53 comments
-
Brett Parsons
commented
I think this is a waste of Adobe's time. XD isn't robust enough to do usability testing for complex applications, the last thing we need right now is a junk code export feature. As a hybrid designer and developer this would be useless to me. It's useless to me as is right now. The CSS isn't actually good CSS. The only benefit is getting the variable names. This is useful for super simple applications. That's it. Please build out your product first before adding this bloat.
-
Valentino Figueroa
commented
Currently Shopify is going to Blow up also, if export to html/css/js code having the animated portions be written in js then connected to css classes or ids, would be easy for developers to manage when exported. Then in Liquid or Wordpress I could just connect the js just the same when adding to the template design. Would make a huge world of difference. Thank you!
-
Kate M.
commented
You can convert your adobexd design file to html/css code by using Desech Studio, which will import your design file and generate html elements using css grids.
-
Anonymous
commented
how to make auto animate in real website? need help.
-
Yes
commented
Another comment: I find it extremely invasive that I have to give you permission to send me updates and "offers" when I am also giving you quality UX tips that will help you improve your products.
-
Yes
commented
I love the program, it is so easy to use, but then I lose a lot of time when remaking my design in web builders like Webflow, Wix, or Squarespace. It would be great if XD would apply a builder export, the builder doesn't matter as long as I don't have to repeat my work.
-
Diana
commented
It would be interesting to have XD apply a no-code/low code to exports. (Like maybe webflow or bubble.io)
-
Anonymous
commented
What's about converting components to HTML/CSS like Zeplin is working?
-
Anonymous
commented
A plugin to make prototypes into .exe files so we can make real apps
-
Pradeep
commented
convert our designs into react native code or react Ui components
-
DrMissile
commented
“Convert to code” isn't ambiguous at all - Do a comp analysis, copy your competitors.
-
Ealyn
commented
Hi, I'd love to see conversion to HTML/CSS. I recently worked on a project and the developers asked me about the specific CSS background-gradient property and we couldn't find it in the shared file.
Thank you a lot for your work!
-
Andrew
commented
Check out the plugin Quest AI for Adobe XD.
http://www.quest.aiIt lets you convert different sized artboards in a single XD design doc into one single responsive HTML page without coding anything. Also, it is free. Find it from "Discover Plugins" in XD.
-
Kate L
commented
Specifically HTML/CSS export. To save the need for yet another tool like Zeplin.
-
Blake Barr
commented
I believe what is being asked for is the ability for XD to export out as HTML and CSS so that we are making actual product, not just prototypes that we then have to figure out how to create again somewhere else. These aren't wireframes. We are going through the full development process for something that cannot be used.
-
Julien Desmettre
commented
I see that plugins already exists to export Symbols as React Components. I guess it would be possible to do the same with some other libraries or framework like Vue, or even basic HTML/CSS, JS for responsive behaviours or animations. Even ( and that would be best ) a plugin for every platform ( iOS, Android ). Of course it seems impossible to export a full functional app, but sure it's a time gain for developers, as half of the front integration work would be done. Sure this feature is the future of the frontend, and i hope a near one.
-
Brent Zabka
commented
Hi Elaine. Your software brilliantly allows creative types (that don't code) to create functional app prototypes usable on an iPhone or Android. Given the ability of the prototype to function seamlessly on an iPhone or Android device, why not give us the ability to offer the app on the App Store or Play Store? In our case, we are providing information pertinent to the fight against Alzheimer's. Our prototype is built, but XD is not providing us publishing functionality. Would you use our app as a Guinea Pig???
Sincerely,
Brent Zabka, President of Arbor Rose Memory Care Homes
-
Tyler Moore
commented
"Convert to code" is fairly ambiguous- translates to the fact you understand what the customer wants, but would rather keep being lazy and not seek innovation. I agree with @Sam below.
Where is the scrappy startup spirit of Adobe? Way to completely disregard this issue. Also, way to motivate up and coming developers to work harder than you, and smarter than you, to possibly fixing this issue instead of killing the discussion.
-
Erik Demule
commented
The future of XD is to get the possibility to generate the final application (source code) from the prototype (for all platform): that is the future or programming industry and UIX. Like the company creolabs.com starting to trying to do.
It's not possible that Adobe doesn't think about that! I hope this day will come quickly... -
Anonymous
commented
HTML/CSS!!