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

[ethan89615807]

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?

[Chris W. Griffith · Accepted solution]

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.

[ethan89615807]

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

[Chris W. Griffith]

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

[Preran]

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.