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.
This feature is not completed. It is not sharing the name of my text style in the developer tools.
As you can see, the developers can't see that this font is "Headline 3 feature for phone", they can only see the details of the font, which they have to match with a separate design library.
@elaine CSS peeper feature is not available currently correct?
What about the XML feature? I mean to show the XML code for the developer to use
We're continuing to develop XD's built-in Design Specs feature, but XD now also supports integration with Zeplin, Sympli, and Avocode if you prefer those tools for creating and sharing design specs.
Generate specs was ignored?
Nasir Mahmood commented
There is a great need for Design Specs to be distributed locally, not just public URL. And also to Prototype, the local prototype export is required, these are highly needed features.
When I tried to publish the Design Specs link, it says "Public link". I wonder whether the Design specs link is private or public?
I'm working in a company (in a sensitive industry) with very strict NDA, this is very important for me to know.
great! But if I want export design spec and assets like icons... what I have to do? Do I have to export assets manualy and then publish design spec? Thanks
James, Stevo, Like Prototypes Design Specs too picks up only artboards connected to the home artboard. I'd suggest you wire up the screens and then update the Design Specs link
Yes! FInally! Good job, although it seems to have trouble with documents that have a lot of screens. My file specifically has 40+ screens and only a few screens appear in the design specs. Please fix as I'm now having to make multiple files for the devs. Great progress otherwise!
finally, but it doesn't seem to work when I have 500 screens.
Download assets please!
If you're an Enterprise customer, and disappointed that you can't use the Design Specs feature, vote for this idea.
I'd love to see a solution soon that works for Enterprise customers whose companies have chosen not to permit sharing. We need a way to exporting a local file that shows the specs that we can share on our internal, private networks. So sad that we can't take advantage of this powerful feature, and that your largest customers are still left drawing design specs by hand.
Download Directly Assets, Please.
Jinyi Su commented
Thank you !!!
Please add the feature to download assets for design specs
Was too excited but it faded as soon as I tried using it. Its only sharing in creative cloud.
Thank you! Awesome!
OMG, U R DA CHAMP!