Generate specs / measurements / style guide for developers
What definitely needed in the Design community is to ease the design-development delivery-review phase. To unload both of the sides.
A lot of different platforms, tools, plugins were meant to do that and none of them is fully unloading and simplifying that process.
PNG Express, Specking, Avocode, Markly, Zeplin, Craft, Marketch etc...
I believe there is a need in having some specifications delivery service, styleguide generating service.
+ Measuring distance from text line height (because that's how developers do), not font size.
+ Ability to adjust the UI on the go with automatic sepcs changing
+ Ability to select and automatically calculate the parameter type (dp, px, pt, em, sp) with defining default
+ Automatically generated colour palette. And when you change the colour in palette it changes everywhere in the UI.
+ Font styles
+ Generating assets
+ Generating SVGs
We’re pleased to announce that our Design Specs feature is now available as a Beta in our November release. You can read more about it on our announcement blog post here: https://blogs.adobe.com/creativecloud/november-update-of-adobe-xd/
The Design Specs feature is just the first step for us in this space, and we’re looking for your feedback on the feature. In order to focus on the feedback, we’ve created a new feature area that you can target when you file new ideas: 09 Design Specs. Please remember that you should file one idea per submission, so that we can better aggregate your feedback.
Since Adobe XD is now out of Beta, how will the developers see the measurements if this feature is not even out yet? o.o
Keith Homel commented
Really disappointed today that XD came out of beta without spec mode. I hope this will be coming in the next update.
specs & style guide would make Xd a killer tool - please make this a priority. thx!
Without a "spec file" that I can give to devs that is clickable to show fonts, sizes, placement/margins, I just can't move over to Xd. Thats basically why I stay with my current editing software, despite it not having great wireframing features.
The killer feature is to be able to communicate intention to developers ...
"this textbox has margins of 10px because it is the standard for test boxes (has the .textbox-std class)"
"this other textbox has margins of 6px because it is embedded in a header (has the .textbox-header class)"
This kind of UI Kit Style Guide is how developers learn of design intent and should also factor in atomic design principles (Brad Frost).
XD files must be inspectable on adobe creative cloud like Photoshop Files.
Alexandru Hasmatuchi commented
This feature is the only piece of the puzzle that's missing from XD.
I'm already using XD for all of my web projects but I need to go thru the painful process of converting the documents to PSD so I can hand something "inspectable" to the development team.
Please include this feature in your next update.
Thanks Adobe for creating this awesome tool. :D
제플린도 되게하고 저기능도 넣어주면 좋을텐데요... 굳이 다른앱과 담을 쌓고 지내지 마세요.
Ian Armstrong commented
We've been using XD quite a bit at Dell EMC since the merger, as it's one of the few UX oriented programs that runs on Windows and isn't cloud-based.
One of the things we would love to see is integrated documentation. Presently, pasteboards work well for leaving design notes in-app on wireframes for our visual designers. It would be amazing if pasteboards could also support developer notes as part of this feature.
When :) ?
Can't wait for this to be developed!! :D
Dare Kuhar commented
I think many folks hope this feature will be developed soon. XD as promising as it is, is useless without it. Even integration with Zeplin or similar tools would be great.
I eagerly wait for the next XD update!
Jared Roberts commented
Any update on when this feature might be released?
i just did one terrific design with xd but hurt me more that i cant hand it over properly to the developer, xd is going and is going to be the best soon. but u guy need to work on the measuring tool developed by adobe its self. plz i have faith in u guys.. big hug Adobe XD
We have to use Sketch because this isn't supported.
Need a Redline feature in XD where I can share my design with Development without accessing my source file but they can edit things like to see font and its size + colour code + export assets in SVG, PNG etc. format. So there will be NO Dependency on Designers to export SVG for various sizes and platforms.
Each Dev have rights to access If I have given them rights to edit and see, attached screens.
Baljeet Singh commented
One of the most important feature lacking in Adobe XD. We have started using the XD, but unable to use it for design implementation with UI DEV team. Desperately lacking design specifications and assets generation part.
Also, required the support with Zeplin same as photoshop and sketch. Anxiously waiting for the feature in next XD release/update.
Frond end devs are using avocode to read.
Option to "export to avocode" would solve the file deliverable problem.
Prosenjit Das commented
Please make all the features available for windows.
anuraj kr commented
Great news! This is the only 1 reason I am not using XD for my projects.