Hello. Would appreciate if someone can give clarity on the process to be followed after the UI design of an app has been completed in XD and the engineering team takes over.
The front-end developers primarily need the following information of each artboard screen:
1. Asset distribution
2. Element dimension and distance measurements
3. Color codes of all elements
4. Font type, size, and color of text elements
Now #1 is clear because of the asset exportation feature of XD. But how do we go about # 2,3,4? Are we to expect the developers to install and run XD on their computer for this, working on the source file? Or is there a way like Invision's inspect feature that can give these details to the developers?
There are about 100 front end developers in my organization. Does this mean I have to convince the management to (eventually) purchase Adobe XD for all 100 of them? The design team already has CC licenses, so no problem there. But I'm skeptical of getting clearance from Finance on 100 XD licenses.
Without clarity on this, we cannot use XD for an actual app project.
If the beta version does not support this aspect, can we get an estimated date by when these capabilities will be available in the solution?
All very good questions! We have a vision for what our developer handoff is going to look like, and we're working on getting this up and running for you. In the short term, your devs can install XD and use our measurement tools (Learn to draw simple lines and shapes using the drawing tools in Adobe Experience Design).
However, in the long term, you'll want to rely on our developer handoff workflow, which you can upvote here on UserVoice: Generate specs / measurements / style guide for developers – Adobe XD Feedback : Feature Requests & Bugs
We also shared a vision for what this might look like, so check out this presentation from MAX this past November: Adobe MAX 2016. Day 1 Keynote (Chapter 3) | Adobe Creative Cloud - YouTube (start around minute 24).
Hope that helps!