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.
Specs:
+ 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
etc.
Styleguide:
+ Automatically generated colour palette. And when you change the colour in palette it changes everywhere in the UI.
+ Font styles
+ Generating assets
+ Generating SVGs
etc
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.
-
Anonymous commented
currently we use https://zeplin.io/ for designer to developer communication.
Please add feature like this. -
S commented
Agree 100%. This would make Xd a really useful pro tool.
-
Buking commented
I am a UI designer from Beijing, I feel very excited about XD. But I also have a few questions with it. The most important thing is that I can't export the files into a smart tool like Zeplin, so I have to manually make the mark files for developers. It makes me very distressed. I hope you can give me some advice!Looking forward to your reply, thank you very much!
-
J. Drew Smith commented
The ability to Redline parts of a UI to communicate with development. Similar to the Sketch Measure plugin.
-
Scot Clark commented
inVision has developed a photoshop extension for Photoshop and Sketch called Craft. The thing is the most powerful part of Craft is the styleguide functionality but that is exclusively for Sketch. I would love that functionality within Photoshop and Experience Design.
-
Anonymous commented
Marketch, PNG Express, Specking, Zeplin, Avocode, Craft, Markly
-
Sarah Preston commented
The ability to create a Design Guidelines file which shows padding, font sizes and styles for each of the font styles (e.g. h1, h2, h3, p etc)...and colour references of fonts, buttons etc.
Could be something within the file or something that is automatically created and exported when you export the assets of the design.
It would hugely increase the speed of workflow as I wouldn't have to manually create it, it would also make the transition from design to dev smoother as they have all the values there in black and white (rather than me checking it over multiple times to make sure they have got it right).
It's also something that can be kept with the design to make sure features added later or by a different designer adhere to the guidelines first produced helping towards consistency.
-
Cris Lindner commented
A CSS, Code, GUI mode for front-end developers
-
Prabin Pebam commented
Make it compatible at least with Adobe extract - Allows a workflow like Sketch + Zeplin
-
bwm_321 commented
In addition to the specs created by Measure plugin, consider the spec capabilities in the Notebook plugin. In enterprise companies, we create detailed designs with behaviors specs (e.g., When button ___ is pressed, ___ will happen. etc). Need ability to create spec meta data for objects and then export it into document.
-
Anonymous commented
There is a plugin called 'measure' that I use all the time in sketch for it's 'spec export' feature. It converts my designs to HTML so I can share them with engineers. I don't have to create detailed style guides when I use it. If I don't have this feature, I can't switch over from sketch. It's a huge efficiency in my workflow.
-
We are very much in early stages of a very ambitious project. Early on, we got a lot of feedback that customers wanted export capabilities with redlines, annotations and more control over exported assets, so, we are looking at various solutions for these use case. For now, you can export one or more selected objects on the canvas to various scales, but, you won't get any sort of spec or redlines.
-
Robert Paige commented
Needs Guide Specs for distance in between objects and layers.
-
Daniel Keller commented
it's not without reason called a beta, it's officially out but still in beta so it might eventually be implemented if Adobe notices it.. I personally never used Zeplin so far, but it's always good to have different options for the user.. such as Export as PSD, which is still a demand today, like god knows why!
-
Chris Waldron commented
Okay, so we've gone from the Beta to a publicly available app. If I've missed it my apologies, but I can't see it. Can XD export screens with px specification, colour etc. out to Zeplin or something that's equivalent? If not, then this is a dead duck.