Highlighted

How do I create a mobile app using Adobe XD?

New Here ,
Apr 27, 2017

Copy link to clipboard

Copied

Hi!!

Once I've developed an app in XD, how can I put it on AppStore and Google Play?

Thanks in advance.

Adobe Community Professional
Correct answer by Colin_Holgate | Adobe Community Professional

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:

Learn how to export production-ready assets from Adobe Experience Design as PNG, SVG, and PDF files.

Topics

FAQ, How to

Views

29.7K

Likes

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

How do I create a mobile app using Adobe XD?

New Here ,
Apr 27, 2017

Copy link to clipboard

Copied

Hi!!

Once I've developed an app in XD, how can I put it on AppStore and Google Play?

Thanks in advance.

Adobe Community Professional
Correct answer by Colin_Holgate | Adobe Community Professional

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:

Learn how to export production-ready assets from Adobe Experience Design as PNG, SVG, and PDF files.

Topics

FAQ, How to

Views

29.7K

Likes

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
Adobe Community Professional ,
Apr 27, 2017

Copy link to clipboard

Copied

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:

Learn how to export production-ready assets from Adobe Experience Design as PNG, SVG, and PDF files.

Likes

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
Reply
Loading...
Explorer ,
Oct 16, 2018

Copy link to clipboard

Copied

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.

Likes

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
Reply
Loading...
Explorer ,
Oct 16, 2018

Copy link to clipboard

Copied

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.

Likes

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
Reply
Loading...
Explorer ,
Oct 17, 2018

Copy link to clipboard

Copied

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.

Likes

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
Reply
Loading...
New Here ,
Apr 11, 2019

Copy link to clipboard

Copied

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.

Likes

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
Reply
Loading...
New Here ,
Sep 25, 2019

Copy link to clipboard

Copied

by Any chance, can you share the Dev team that you worked with and explain time and cost?

Likes

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
Reply
Loading...
New Here ,
Nov 17, 2019

Copy link to clipboard

Copied

Hi Eryka123, there is an excellent team available for mobile apps and web at abovebits.com

Likes

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
Reply
Loading...
New Here ,
Aug 27, 2020

Copy link to clipboard

Copied

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. 

Likes

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
Reply
Loading...
New Here ,
Mar 03, 2020

Copy link to clipboard

Copied

we know we can design the prototype with Adobe XD, but can we devekop an app? yes or no

 

Likes

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
Reply
Loading...
Adobe Employee ,
Mar 03, 2020

Copy link to clipboard

Copied

Hi Shirin,

 

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.

 

Thanks,

Harshika

 

Likes

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
Reply
Loading...
Community Beginner ,
Apr 28, 2020

Copy link to clipboard

Copied

Hi Harshika

 

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,

Asgara Jr

Likes

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
Reply
Loading...
Adobe Employee ,
Apr 28, 2020

Copy link to clipboard

Copied

Hi Asgara,

 

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.

 

Regards

Rishabh

Likes

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
Reply
Loading...
Community Beginner ,
Apr 30, 2020

Copy link to clipboard

Copied

Hello Rishabh_Tiwari,

 

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!

John

Likes

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
Reply
Loading...
Adobe Employee ,
Apr 30, 2020

Copy link to clipboard

Copied

Hi John,

 

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

 

Regards

Rishabh

Likes

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
Reply
Loading...
Community Beginner ,
May 01, 2020

Copy link to clipboard

Copied

Hi Rishabh
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.

Regards,
Asgara Jr




Likes

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
Reply
Loading...
Community Beginner ,
May 01, 2020

Copy link to clipboard

Copied

Hi Rishabh,

 

Thanks for the response! I have one more question regarding Adobe XD. Is there a way to export what I've built/prototyped in Adobe XD to a code that can be usable by a coder? For example, export to Javascript, HTML, CSS, etc.? Since the point of this software is to build the skeleton or prototype, I'm hoping the XD software can do that. Especially since all assets have coordinates, HEX color palette settings, etc. that should hopefully be logged in the software while building the prototypes.

 

If not, I highly suggest this be added in future releases of Adobe XD.

🙂

 

 

Regards,

John Cardona

Likes

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
Reply
Loading...
Adobe Employee ,
May 01, 2020

Copy link to clipboard

Copied

Hi Asgara,

 

I found some tutorial on Dreamweaver which will help you to get a start, please check this out: https://helpx.adobe.com/dreamweaver/tutorials.html

 

Regards

Rishabh

Likes

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
Reply
Loading...
Adobe Employee ,
May 01, 2020

Copy link to clipboard

Copied

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:

 

https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/13057005-export-wh...

https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/32004511-convert-t...

 

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.

Likes

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
Reply
Loading...
Community Beginner ,
May 02, 2020

Copy link to clipboard

Copied

Hi Rishabh,

 

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.

 

Regards,

Asgara Jr

Likes

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
Reply
Loading...
Community Beginner ,
May 03, 2020

Copy link to clipboard

Copied

Hi Rishabh,

 

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!!

 

Capture.PNG

 

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 🙂

 

John Cardona

Likes

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
Reply
Loading...
Adobe Employee ,
May 07, 2020

Copy link to clipboard

Copied

Thanks for sharing this John. It will surely help others.

Likes

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
Reply
Loading...
Adobe Employee ,
May 07, 2020

Copy link to clipboard

Copied

Hi Asgara, 

 

Regarding Dreamweaver, you can always post your query here: https://community.adobe.com/t5/forums/postpage/board-id/dreamweaver

 

Regards

Rishabh

Likes

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
Reply
Loading...
Community Beginner ,
Apr 04, 2019

Copy link to clipboard

Copied

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.

Likes

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
Reply
Loading...
New Here ,
May 09, 2019

Copy link to clipboard

Copied

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.

Likes

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
Reply
Loading...
Adobe Community Professional ,
May 03, 2020

Copy link to clipboard

Copied

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.

Likes

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
Reply
Loading...
New Here ,
Aug 14, 2020

Copy link to clipboard

Copied

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

Likes

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
Reply
Loading...
Adobe Employee ,
Aug 17, 2020

Copy link to clipboard

Copied

Hi there,

 

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.

 

Regards

Rishabh

Likes

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
Reply
Loading...
Community Beginner ,
Aug 18, 2020

Copy link to clipboard

Copied

Carlos,

 

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!

Likes

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
Reply
Loading...
New Here ,
Aug 18, 2020

Copy link to clipboard

Copied

Thanks John, i´m gonna try to apply your advice 

Likes

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
Reply
Loading...