XD export feature to xCode
Add xCode export to the list of functions... great for informative apps
Fabian Becerra
shared this idea
Can you tell us more about how you’d like this to work? Do you want XD to export image assets and insert them directly into the correct folders/filenames in an existing Xcode project? Or do you want XD to generate Objective-C / Swift code to create a brand new Xcode project?
37 comments
-
Claudia
commented
It would be great to to both, as sometimes it will only be updates and sometimes it would be a new project you import
-
Anonymous
commented
Yes it would be create to be able to import some exported file form XD into XCode as User Interface
-
Roberto MIngozzi
commented
The new swiftUI approach to UI design in xCode could maybe make it simple to export swift code to reproduce the UI that was prototyped using XD.
XD should be able to export swiftUI declarations (a file for each interface / panel created at prototype stage) to be imported into xCode, otherwise the entire prototype work is more or less unuseful when development stage begins :( -
Sam
commented
The ideal would be to generate a new view (with corresponding viewcontroller) on a .storyboard inside Xcode for each screen in the design. The viewcontroller should be properly setup and connected to the views on the storyboard, placing text, images and buttons in place according to designs. These assets would be properly linked to viewcontroller, ready for implementation. Chosen screen size of design can be used to determine the phone preview size. Happy to help with any UX issues or questions on this.
-
Alan
commented
I don't think this feature needs more info.
It's an obvious thing users want to do: Build a prototype in XD, then export to Xcode so developers don't have to muck around with placing all the graphics and assets, and they can concentrate on functionality. So far, no apps do this natively to my knowledge. I've tried the XD Lighting Storm plug-in, and it claims to do it, sort of, but even if it worked perfectly, paying a monthly fee for it, on top of a monthly fee for XD is silly.
Adding this iOS export feature would basically wipe out the competition of other UI design apps which I will not name here. There would be no reason to invest time in anything else.
Considering this has been a request since 2016, I'm not holding my breath.
-
Anonymous
commented
import adobe XD projects in an apple xcode compatible format so that app development is simple and that by exporting the project the code is compiled
-
Reinis
commented
So I recently started learning app design. But I found android studio designing experience not to be very intuitive. Then I found out about Xd app layout designing and I found it very easy to use. But again by some unknown reasons you haven't made fully functional.
So basically you have missed the most important feature. That is to simply allow user go to Menu->Export-> Android studio or Xcode (Obviously export selected and so on)
Users could simply design an app in adobe Xd and export design to an android studio in the form of a project folder that contains all the files with assets in various dpi (what is available now).
Don't export it as screens but each individual icon and every asset in all dpi resolutions. I'm only learning
Buttons, input fields, and all interactive things must be exported in XML Files. Because someone has to basically this same thing this same thing twice with every single element. This is a must. Otherwise, you design it once in adobe Xd and then I have to redesign it again in Android studio exactly the same way with the same look and even functionality?
Even linking can be generated with one line of code. You got all the variables. I cant understand. Why this is not a thing?
Generate transition animations with javascript.
Why do I have to download some plugins to do this from someone that cant invests money in this like Adobe and make it work flawlessly? So people don't have to do a job twice.
A user could define the functionality for on asset as "button", "Image view",'' input field'', "background-color", "Text" and so on . Code could be generated for all assets that are linked to that asset. You don have to offer as many features as Android studio. Someone has to design exactly the same thing in XML code but you offer conversational design programming that we cant use in our projects because you don't convert your code that shows us graphics on our screens into XML that can be used in the actual design.
Thank you
Reinis -
Basketball Gamer
commented
I would like it to generate a new xcode file.
-
Basketball Gamer
commented
I don't mind because I'm trying to place ads in my app and both work for me.
-
Phil
commented
I'm trying the Avocode (dot) com solution
Would be a dream (for us, not for them) to have this inside XD!See attached, what happen when I select a block inside my design (it opens natively XD files!)
-
VXP
commented
XD needs to generate Objective-C / Swift code!!
That would be a killer update and Adobe will win the race in bridging UX/UI and Developers.
I will join this revolution. My money is in Adobe. -
Osama
commented
used this tool before but I really hope in the near future xd can develop a native developer plugin for Xcode like it. Will sure be more stable for xd users & make asset communication between des & dev teams even more seamless
-
C-squared
commented
To summarize, we all want to be able todo one thing: export an XD UI artboard set to Xcode as a "new project."
Ideal features:
1. artboards as View Controllers composed of individual elements (assets, symbols, text, photos)
2. assets in place with colors and sizes the same, assets in svg format, text in same format AS text, artboard titles as Controller View Titles, bars/"buttons" in XD export as separate pieces with their animation functionality
3. animated transitions in place and working between artboards/view controllers
4. Same format settings as XD artboards/assets (scrolling points, auto resize, shadows, borders, etc) like he said --> https://adobexd.uservoice.com/users/186292575-viacheslav
Logistically, I say have an export checklist like:
A. New or Add to/Update existing project? (formerly exported xd ui has been updated so a whole new one isn't created it just "updates" former export)
B. Artboards to "Controller View" or to assets or to ______ or _____
C. Add special fonts? Y N If Y, from Adobe Fonts? Google Fonts? Upload Font files?
D. Keep colors? Y N
E. Export images as PNG, JPG (etc)
F. Export assets as SVG?
G. Keep special formatting? (shadows, borders, scrolling, scrolling positions, etc
H. Keep animations/transitions? Export triggers as "buttons"?Does that include everyone's main wants??
Thanks Adobe!! Loving XD now on to Xcode! (if I am both designer and coder, which I currently am, no reason to waste time in XD if I have to redo everything in Xcode, right?)PS OMG the glitchiness of Id or Ps and the crashes --with no decent transitions/ interactions and lack of easy flow bt multiple artboards and the complex UI as opposed to clean easy simple gorgeous XD ui...no way I'm going back to those, even with the export feature.
-
Max Wyss
commented
To answer Peter Flynn's question, I would see two stages; first export the assets/items to an existing project. In a second phase, creating a new project would be very interesting.
-
Marcos Ravena
commented
Hello, guys. In my brief search for something like that, I have found some tools that export PSD layouts to XCode (you need prepare your PSD file with some commands and name of layers to work fine).
My point is: I knew recently a site that converts XD files to PSD files. Like magic, simple and quick. Sometimes you just need make few adjustments in texts if you are using non default fonts.
So, with your XD file converted to a PSD file, you just need to convert it to XCode project. In theory. I don't test it. But...
You can think: "so, would be more simple if I just make my layout directly in Photoshop?"
The quick answer is YES!
But, a lot of people are using XD to make prototypes, with navigation, interactions etc. Photoshop can't do that.Anyway, just sharing a possibility that came in my mind.
Best regards!
-
Anonymous
commented
Please! XD to generate Objective-C / Swift/XML code to create a brand new Xcode project. How close are we to this being possible? Thank you so much!
-
Tristan
commented
Designing a (IOS) prototype app with XD works perfect.
Coding in Swift through X-Code works perfect too :)Linking the prototype from XD with the code from X-Code and launching the actual product in the app store would mean to melt the best of those two worlds!?
What do you guys think?
cheersTristan
-
William Davis
commented
Either way, but I like the concept of developing the UI first in XD then creating the Xcode project using the imported UI
-
Evan Alexander
commented
we really need for XD it a pain to export to xcode
-
Bob
commented
It could be a « save as » feature to create a xcode project
