I am not an Xd Xpert, but my understanding is that you would never do that. Xd is for saving you months of programming time while you work out how the app should function. Once there is sign off on how the Xd prototype works, developers would make a real app do the same thing.
Here's an article on how to export your assets so that developers can make the real thing:
This, right here, is the #2 reason why I don't subscribe to Creative Cloud. Adobe makes designing and creating content for a mobile app really simple and intuitive, then tell us we have to spend a few years studying Xcode, Swift and other programming skills to turn our already-working app design into a real app. What a waste of potential.
Adobe offers design solutions. If it was as easy as designing an app or a website and it turning into the real deal with all the requirements magically met, developers would be unnecessary, when in reality they're in high demand. What you're expecting Adobe to do in order not to "waste potential" is quite simply not possible with current technology.
That's like saying because anyone can use Photoshop and Illustrator real photographers and designers would be unnecessary. App developers and programmers will always be in demand because they can do a better job of making and app than an automated system, but that's no reason to ignore the automated system. Because developers are in such demand it's virtually impossible for small designers to hire one. You may work for a large design firm that has dozens of developers and programmers who will cater to your every design whim, but in the real world most Adobe users have probably never met a programmer, much less be able to afford one for creating a single app.
As for not being possible with current technology, that's not true. There are several ways Adobe could turn XD projects into actual mobile apps which is why the current situation is so frustrating. It's like they are purposely ignoring this feature regardless of the potential, much like they go out of their way to reject sound in web pages.
You're might be right, but sometimes when you own a big company, that specializes on taxi market, one day you will think about something more than just Adobe's designing and creating stuff. Few months ago, we asked ourselves how to create an app like uber , to make it reliable, with a lot of innovative features, and would it be worth to hire a separate dev team to make it for us? Long story short, we've found a dev team, that offered us really nice mobile app conceptions, and they built it from scratch.
by Any chance, can you share the Dev team that you worked with and explain time and cost?
Hi Eryka123, there is an excellent team available for mobile apps and web at abovebits.com
Yet it is that simple. Might want to research Appy Pie and the many other services that you can actually create an app as simple as drag and drop and cut and paste. Adobe can do this. But they won't. That erases an entire market of programmers when apps are everything right now. It quite simply is possible. I paid for one of the services and I have full control. Even can send push notifications from my phone. It's expensive but Adobe XD was just a waste of time. It's like gathering all the shredded paper for a collage and asking someone else to paste it together for you when in fact Adobe has the technology to do the same thing Appy Pie and many other quick app creation tools have done. They, again, won't.
I normally don't reply but when someone so matter of factly agrees with the corporate greed of multibillion dollar companies unnecessary withholding of technology that might encourage the possiblity of that one app that could change everything.. I just have to. Image someone telling Zuckerberg that he could write his idea of Facebook down on a piece of paper but there was no reasonable way to code it. Humanity would've been in the Dark Ages still. So thanks Adobe. You're genius for releasing something we were already doing in Microsoft Paint.
we know we can design the prototype with Adobe XD, but can we devekop an app? yes or no
XD is a wireframe an prototype tool. Everything you do will have to be recreated by a developer. You can create a design in XD and share with the developer to create an app with the help of code.
Hope it answers your question.
What do you mean is that after we design for android on adobe xd we have to make the code or transfer it to other IDE programs / software?
Thanks for reaching out. Yes, as mentioned by Harshika, we can design an interactive prototype of an application in Adobe XD, and then to develop the application you can code it in a third-party application or you can share it with a developer to code for you.
Does Adobe have any apps where we can code to develop mobile apps? Similarly, which Adobe app creates websites? I'm not looking to prototype, I'm looking to build & productionalize mobile apps & web-sites.
thanks for your help!
Thanks for reaching out. For developing a mobile application, you will need to use any Third Party application to code however for website development you can explore Adobe Dreamweaver. For more information on Dreamweaver, you can refer to this user guide: https://helpx.adobe.com/dreamweaver/user-guide.html
Thank you for the attention given.
Following the description you provided, I will look for a tutorial on using Dreamweaver because I am not experienced in using it.
And if you have it directly step by step please can share with me. Thank you very much for the explanation.
If not, I highly suggest this be added in future releases of Adobe XD.
John, I am afraid, as of now, that feature is not available in XD however we have received a similar request on Adobe XD UserVoice, I'd request if you can upvote these request:
This is the best way of communicating with the Engineering and Product Management teams regarding issues and suggestions so they can be implemented in future releases.
thank you for the guide you provided. As a beginner I will follow the tutorial and will send the results.
I will be glad if you are willing to discuss by sending you an email.
thanks so much! I also found a plugin that I think may work for me. The plugin is called "React Exporter". This turned my prototype into .js files. When I looked into the js files, I was able to see all of the dimensions, coordinates, colors, etc. of my prototype!!
I handed this code over to my developer (as he uses REACT to build UIs) and the developer believes it may work after installing a couple of packages into REACT. If this works, then this is a good solution for designers that want a quick turnaround in UI developement (assuming the developer is using REACT to build UIs). I'm still waiting to hear back from the developer, but I'm crossing my fingers 🙂
Thanks for sharing this John. It will surely help others.
Yes when I first saw Xd I thought WOW, finally an easy way to make simple little apps, but nope, its pretty much pointless unless you want a prototype. no idea why they cant make it do this as one of there own products (flash / Animate) you can convert swf to apk.
they even recently stop developing Muse which was a simple Web builder which again you could use to convert to apk, dreamweaver is starting to fall behind to, they seem to gettting away from a make software easy company to just a design company, whitch is a really shame.
Yotako is a platform that could help make your design an app. Use the online version and not the plugin as it will cost money. You can use it for free, as long as all your code is public on Github.
This question and many similar ones seems to remain on the top list of this forum and others like Quora. The question is legitimate, but the answers are never satisfying, because most designers think turning their creation into an app or website (or even just a foundation) is simply a matter of some conversion, like using Google Translate or a Save As command, slap an icon onto it, and call it a day. Or a favicon and call it a website...
As Colin Holgate correctly answered already 3 years ago: that's not the right approach.
There are so many tools, languages, and frameworks to build an app or a website with (HTML and CSS are just the plain flour and icing on the cake), and there are so many other aspects to keep in mind while truly building the actual app or website – that's just impossible for a designer to dig into. It's team work, and as a designer, you still need to team up with a contractor and construction workers to get the job done.
And since they probably all want or need to work with different tools, different technologies, different processes, different professionals, a tool like Adobe XD can't cater for them all. That's also one of the reasons why the Adobe Muse team just couldn't continue, because everybody was pushing and pulling them to implement and connect to all kinds of new creative and technical trends. The code coming from Muse was getting very unstable and bloated of all this bagage !
For three decades, designers have had the very rare privilege of being almost entirely serviced by just one brand in their whirling media industry: Adobe. And whatever you could design with their tools, it could immediately be produced and used (a PDF, a photo or a video). Though web and app media merely seem an extension to that, they are a totally different ball game, depending on a jungle of tools, technologies, and lots of team members to get together.
IMHO, we're still decades away, or even moving further away from having one tool from one brand, that just pops out any app or a website you want. Adobe XD is not that tool, and Adobe won't be that brand. Because in contrast to that graphic design industry (with e.g. PostScript and PDF), Adobe doesn't have control over the reigning nor roaring technologies. App and web development is an open market place, with many open source parties and private players. That won't change anymore, no matter how much Adobe, Microsoft, Apple, Google, Facebook, or any others would like to rule over it...
My 2 cents.
I mean if it is possible to use this prototypes of any way in my site. I dont know, maybe through some code? Not only prototypes
Thanks for reaching out. Once you have created the prototype, you can hand over the design to a developer to code that and create a website or an app or you can use a third-party website to code that by yourself. Adobe XD is a prototype designing tool, that allows you to create an interactive prototype. To share the design with the developer you can refer to this article: https://helpx.adobe.com/xd/help/share-designs-prototypes.html
Let us know if this helps or if you need any further assistance.
I also asked the same question months ago and the way i tackled this was by downloading a few plugins from React and a Web Export plugin. These plugins helped turn my prototype into code (Java, CSS, etc.). I'll be honest and i'd say it was a very confusing process for both me and my developer. My developer couldn't necessarily just take the code. The developer had to disect the code so that it can properly be leveraged for the final website.
Hope this helps!
Thanks John, i´m gonna try to apply your advice