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.
I understand that this product is mainly focussed at app developers but I see it as an amazing tool for website design also. I would love to use this instead of photoshop but I hit the problem of not being able to hand over the files or any html/css to my developers. Most developers use PCs and don't find it necessary to own a subscription to Adobe CC. At the moment Adobe Experience can only get me 50% of the way through a project then I come to a standstill once it gets to the development stage. Exporting as .png or .svg just doesn't cut it if the app is to be used for website design.
Absolutley agree with this request. Specing is the phase that clutters up the workflow a lot, and there is no app that delivers on satisfiable level. Basic measurements, distances and spacing would be enough for a start.
Andres Moreno commented
Export to Zepin is the way!
VAN Tru commented
I love working with Adobe XD. Having the ability to switch seamlessly between design and prototype has streamlined my workflow significantly. What would make Adobe XD an absolute go-to software for UX design is the ability to generate all the necessary specs and assets for developers to work from.
Renato Reis commented
I totally agree with you. At least in my company, i have the need to give complete specs/redlines to the developer team. Since it's a big company, not everyone has a Creative Cloud ID (only the designers and some select developers).
Right now i have to export my screens to another app (i.e. Photoshop + Specking) so i can deliver my project.
A cool way of doing that would be a generated HTML link with Color Pallets, Font styles and info and interactive screens (similar to Zeplin i'd say, but without the constriction of needing to have a Creative Cloud ID.
Just as a heads up, we're still in the Preview (aka "beta") of Adobe XD, so it's still early days. You might also want to upvote this story, which is about export for developers (not specifically for Zeplin): https://adobexd.uservoice.com/forums/353007/suggestions/12951915
Zeplin AND/OR Avocode
Supporting Avocode or Zeplin would be just awesome!
Until then, it doesn't make sense to use XD, because how do I get my designs to engineering?
Redlining and PDFs? seriously? This is so tedious!
You need to be able to export the XD prototype as code to be ingested into dreamweaver for final rendering (for want of a better word)!
It have to do 3 more thing :
- like assets / avocode / zeplin : css + mesure
- like invision / notable : comment the mokup
- like frontify / zeplin : online style guide
As that you can iterate with your client and dev team this is the perfect combo to create today all those service are exploded and you have to provide them in the same ecosystem.
Feature still under review? This is critical.
Andy Layman commented
Measure that was introduced recently is great. However, there is limited use when not being able to easily export these out to hand off to a developer without muddying up the design.
That being said, it would be nice to be able to export a web version of your file with the interaction and the ability to turn on the guides/measurements.
Until XD can output CSS styles either directly or via export, it cannot be useful beyond being a wireframming tool. The UI to Dev process is missing.
Agreed! This is vital to XD becoming part of our workflow.
Jordan Melim commented
It would be great to be able to export an artboard with the 'smart guide' distances between shapes/elements shown (for development purposes)
Jonathan Reitsma commented
This would be hugely helpful. It would save my developers from having to inspect each element to find the colour, font, font-weight, distance between other objects on the artboard, etc. At present I get an intern to outline this stuff, but I should have an option to export to a PDF with specs.
Adminjoan_lafferty (Admin, Adobe) commented
The July release will have export to PDF capability.
It would be really nice to have the ability to generate and export Style Guides with font type, font size, colors used, color palettes, measurements of objects, measurements between object etc... much like the Frontify does for Sketch. Thanks.
If we provide save as or export to psd,ai,pdf files option is better to work with any of the tools like photoshop/illustrator for the creation of screens. Also easy to handy files with any software.