3. Give developers control (and still rest easy)
Here’s where steps 1 and 2 really pay off.
Any good design system — or the beginnings of one — should make your developer’s life easier.
After you build your Adobe XD document as a pattern library, you can generate a design specs link via File > Share, giving developers the ability to inspect colors, character styles, and measurements, as well as download your “sticker sheet” assets in the file format they need.
- Simplify asset extraction > You can check out this step-by-step demo, but here’s the gist: First, you Mark for Batch Export all the assets you want to export using the Batch Export tag. When you’re ready to publish, simply click Share and then select Publish Design Specs.
- In the Export For drop-down options, choose Web, iOS, or Android. Then you can create a public link and send it to your developer. When the developer is working within that link, they can see all tagged assets and easily select the file format they need: SVG, PNG, or PDF.
Because designers can copy symbols from the document you created in step 1, and keep the link, the pattern library becomes their single source of truth for designers. And the design spec link can be the single source of truth for developers.
Nobody said creating a connected experience was easy. By nature, it’s really hard to nail down design elements and patterns that are constantly changing all the time, whether by a design choice or a client’s request.
But now you have some tools to help you get there.
Be sure to read up on the latest updates on Adobe XD, from voice design, to plug-ins, and much more. And be sure to check out Adobe Creative Cloud Libraries, another great resource for consuming in predefined colors, character styles, and images. All items stay synced across your devices and are ready to use, even if you’re offline.