Skip to main content
Participant
Mar 31, 2016 8:55 AM UTC
Answered

How do I use the prototype in Xcode?

Hi I am new to XD and i am new in IOS Xcode too.

After create prototype, how to continue/use in Xcode? Thanks ya! : )

This topic is closed to new replies. Start a new post to keep the conversation going.
TroutmagnetCorrect answer
Participant
Oct 23, 2017 1:45 PM UTC

Hi Kris,

I don't think anyone is answering this guy's question properly because he's asking something that's more to do with the fundamentals of app development.

Kris, you have to stop thinking that XD is the Dreamweaver or the Muse of the iOS/Android app development world. It doesn't produce underlying code as you craft your app pages and links, etc. Currently, I don't think that type of app exists, to be honest - please, someone, correct me if I'm wrong.

XD is a prototyping application. It allows you to create the look and feel of an app - individual pages, the links between them, effects, order and hierarchy, etc. Basically, it's a UX/UI designer's application. That takes care of the look-and-feel portion of the app development cycle.

The coding portion of the cycle still needs to be done by a developer or someone who specializes in coding with XCode or another type of language, but the assets you export from XD are in the precise format that the coder will require to create the finished product.

I think that's what you're asking.

10 replies

EdduVaz
Inspiring
Mar 25, 2021 6:37 PM UTC

by questions like this, i always said the @Adobe XD is completly useless, I cant get to understant why will I have 2 works! One to creat some ideia ( but the ideia is on the head just work ) and Another work to recreat the design and in case to app or site, creat the version for it be online, 3 works? useless.

 

 

 

Translate
sparky042
Participant
Oct 15, 2018 8:23 AM UTC

yes.... that's the real answer job well done bro

Translate
TroutmagnetCorrect answer
Participant
Oct 23, 2017 1:45 PM UTC

Hi Kris,

I don't think anyone is answering this guy's question properly because he's asking something that's more to do with the fundamentals of app development.

Kris, you have to stop thinking that XD is the Dreamweaver or the Muse of the iOS/Android app development world. It doesn't produce underlying code as you craft your app pages and links, etc. Currently, I don't think that type of app exists, to be honest - please, someone, correct me if I'm wrong.

XD is a prototyping application. It allows you to create the look and feel of an app - individual pages, the links between them, effects, order and hierarchy, etc. Basically, it's a UX/UI designer's application. That takes care of the look-and-feel portion of the app development cycle.

The coding portion of the cycle still needs to be done by a developer or someone who specializes in coding with XCode or another type of language, but the assets you export from XD are in the precise format that the coder will require to create the finished product.

I think that's what you're asking.

Translate
Colin Holgate
Inspiring
Oct 23, 2017 3:04 PM UTC

The question came up a few times at the MAX conference, and the XD team's answer varied a little, but was on the lines of:

"There are many other features to do before getting around to exporting the prototype with code, so it would be a few years away."

and:

"Previous tools that exported with code produced code that many developers wouldn't use anyway, and exporting code that will work well for the many development tools is a hard task, and therefore not a priority."

I paraphrased a bit, but you get the general idea.

Translate
Known Participant
Mar 24, 2018 11:01 PM UTC

"I don't think that type of app exists"

The tool we are looking for may exist now — I haven't tried it, it just came across my desk this morning, but I thought I would pass it along.

https://supernova.studio/

Translate
Participant
Oct 11, 2017 7:24 AM UTC

Is there any update with the export from XD as a Xcode and Xml? If there is not, or won't be...then I will really rethink to use XD at all. :/

Translate
Preran
Legend
Mar 31, 2016 2:19 PM UTC

See Adobe Experience Design (Preview) Help | Share designs and prototypes for all that is currently possible using the Share option in XD.

Translate
LayYuanAuthor
Participant
Mar 31, 2016 3:09 PM UTC

Thanks for your reply. Yes, I already go through the Adobe Experience Design (Preview) Help | Share designs and prototypes

I am sorry, i am still can't get it.

So developer can get the share link, but how they use it in Xcode to create the app?

Are the developer still need to redraw everything in Xcode storyboard?

Is the xd prototype possible to integrate to the Xcode storyboard?

Thanks ya!

Translate
David Alcala - Adobe
Participating Frequently
Mar 31, 2016 7:57 PM UTC

You can export your assets from XD and give them to the developer, as described here:

https://helpx.adobe.com/experience-design/help/export-design-assets.html

Translate