design specs

Go from design to code, without the guesswork.

Available on macOS and Windows

Better feedback, better products

Move in parallel and open up the conversation with developers. Design Specs streamline the handoff process so you can deliver the context they need. Share fully-interactive prototypes, CSS code snippets, downloadable assets, and custom variable names – all in one link.

Handoff the full picture

Give developers a 360 look at user flows and room to interact with your prototype.

Get input early and often 

Make it a two-way conversation and avoid wasted efforts on both sides. Developers can easily provide context or drop in comments.

Everything they need, all in one place

Sizing, character styles, colors, images, sounds, and more — include the CSS snippets and design tokens they need for easy collaboration.

How it works

1

Create a link.

In Share mode, select ‘Share for Development’ to generate Design Specs. XD will publish your designs, plus any associated resources.

Share with developers.

 Share your Design Specs via email, Slack, or Jira. Developers can open and explore on their own.

Keep everyone on the same page.

Help your developers understand your intent and bring your designs to life with code.

스킬 강화, 둘러보기 및 학습

XD 스킬 향상에 필요한 무료 팁, 툴 및 튜토리얼을 확인하세요.

먼저 체험해 보세요.

무료 Adobe XD 스타터 플랜을 다운로드하세요. macOS 및 Windows에서 이용 가능합니다.