Skip to main content
New Participant
July 17, 2018
Answered

XD's UI + My Code - Is It Possible?

  • July 17, 2018
  • 2 replies
  • 2340 views

If Adobe XD's purpose is to create UI's, can I use its features and combine it with my existing software (which requires code)? If it is possible, how can I combine my code and the UI? If anyone did it already, does it work well? Is it effiecient as writhing my own UI with code?

This topic has been closed for replies.
Correct answer Chris W. Griffith

Adobe XD will generate assets that can be used to develop a mobile app or websites. A lot depends on what you are developing in. I have used Adobe XD to design an UI that I then coded into a mobile app using the Ionic Framework.

2 replies

Preran
Community Manager
Community Manager
July 18, 2018

In addition to what Chris said, you can create desktop or mobile prototypes using Adobe XD.  You can later export assets from Adobe XD for use in any coding editor. Just to be sure, you cannot create an app from within Adobe XD itself.

For info on exporting assets, see Learn how to export production-ready assets from Adobe XD to PNG, SVG, JPG, and PDF files.

Chris W. Griffith
Chris W. GriffithCorrect answer
Inspiring
July 17, 2018

Adobe XD will generate assets that can be used to develop a mobile app or websites. A lot depends on what you are developing in. I have used Adobe XD to design an UI that I then coded into a mobile app using the Ionic Framework.

New Participant
July 17, 2018

So it doesn't work for desktop applications? Only mobile and web?

Chris W. Griffith
Inspiring
July 17, 2018

Those 'platforms' were the initial focus of the app. If your development system can use the exported assets, then you are good to go. The app, for the most part, will export pngs or jpgs.

For example, if you were building an Electron-based app, then you easily reference the assets in the app