How do I create a mobile app using Adobe XD?

New Here ,
Apr 27, 2017 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.

TOPICS
FAQ, How to

Views

40.2K

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
community guidelines

correct answers 1 Correct Answer

Adobe Community Professional , Apr 27, 2017 Apr 27, 2017
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
Valorous Hero ,
May 03, 2020 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
community guidelines
New Here ,
Aug 14, 2020 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
community guidelines
Adobe Employee ,
Aug 17, 2020 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
community guidelines
Community Beginner ,
Aug 18, 2020 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
community guidelines
New Here ,
Aug 18, 2020 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
community guidelines
Community Beginner ,
Feb 03, 2021 Feb 03, 2021

Copy link to clipboard

Copied

Hello, i'am working on Popcode, a tool that can help you build truly native mobile apps from AdobeXd design without code. If you're interested  i can add you to the invitation list for the upcoming beta release https://getpopcode.com

 

Georges

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
community guidelines
Community Beginner ,
Feb 04, 2021 Feb 04, 2021

Copy link to clipboard

Copied

LATEST

Hello, i think Popcode is what you're looking for.

https://getpopcode.com

It's a tool that helps designers to build truly native mobile apps from adobeXd designs, without code.

You can apply for the beta version on the website. 

 

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
community guidelines