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.
-
Lester commented
Please implement a Zeplin type feature for XD
-
Anonymous commented
Necessary +1 for this also style guide give font size and its spacing
-
Amrith Srinivasan commented
Hey Elaine,
do you have a release date for the spec mode? it is SO imperative we designers have access to that tool ASAP!
-
Anatoly commented
agreed with everyone else. must have zeplin or similar integration
-
Hannah Milan commented
This is definitely a must. For saving more time to both designer and developer.
Any update on this one? -
Anonymous commented
Workaround for XD to Zeplin:
- Export from XD as SVG
- Import to AI
- Export as PSD
- Open PSD in PS and find all Layers from XD
- Use Zeplin Plugin to Upload -
Anonymous commented
+1 .. No spec generation / zeplin support etc , no XD for me
-
Anonymous commented
For me it's a show stopper. No zeplin, no XD.
-
Anonymous commented
+1 on this!
-
Vlad Zatsniy commented
+1 for Zeplin export integration
-
David V commented
We want to fully migrate to Adobe Xd but lacking this functionality is still a constrain.
-
Daniel Blom commented
Should have top priority since there's no support for external tools or plugins like PNG Express.
-
Muhammad Osman commented
This is an absolute necessity. In my previous projects, it was just a breeze to share design with developers using Sketch - Zeplin integration. It's such an important feature that I might have to abandon XD halfb way in my project and go back to Sketch.
If possible, this feature should take the top priority.
-
MaMaLy commented
UXPin outputs beautiful design specs automatically, including links to where developers can download your fonts and one click to download all SVGs. The redlines, style guide with color specs and fonts-- it's all done beautifully.
I'm coming to Xd to avoid the cloud, to have keyboard shortcuts that match the other Adobe products I'm used to (namely InDesign), and to have interoperability between the other programs (copy/paste vectors from InDesign and Illustrator.) Hoping Xd catches up soon on everything else!
-
Andreas commented
This is definitely something needed for collaborating with developers.
-
Pierce commented
Sometimes we work with 3rd party developers that that need exact x, y, h, w coordinates for each ui element. We've been using the zeplin plugin with photoshop and sketch to deliver designs/styleguides to developers, but we wish we could do the same thing with our XD files.
-
Steven Jenner commented
Thank you very much :)
-
Rafael Ubaldo commented
This lack of developer hand-off workflow comparable to InVisions inspect ( and zero support for micro-interactions) holds me back from adopting XD for real work.
-
Steven Jenner commented
Add password access to an exported project to enable Developer/Professional specific features.
Developer/Professional features would be focused upon extracting Style information.
First Release:
- Add a Style Picker, that when rolled over on an screen element (shape, font, etc.), displays colors (fill/stroke), stroke weight, opacity, font (style, leading, tracking, weight, point size, etc... )Stretch Goals:
- Dynamically created style guide for the screen the Developer is viewing
-- If a Developer selects something from the style guide, it highlights everything on the screen your are viewing that matches that style
--- While selected, the Developer can cycle through all the project elements for that screen that match the style selection.Example:
- Grey style selected from the created key.
- 10 objects on the screen match that grey including the background color... now everything is highlighted yellow,
- Use the arrow keys to show each highlight one at a time.This approach would achieve the Adobe XD team goal of the Designer, Developer and Client working from one unified base and thereby avoiding additional workflows.
Also, it would provide the added advantage of Developers working from the most up-to-date versions of projects and not being reliant upon manually exported style guide information.
Thanks as always for your time and consideration.
-
Alexis Blas commented
This is the only feature that makes me go back to sketch.