# Write design handoff notes for developers

A dev-ready spec: layouts, components, states, interactions, and edge cases.

- Topic: Product & UX Design
- Framework: RTF
- Level: Standard
- Tags: Coding, Write, Fill-in Template
- Source: https://www.thinkwithprompt.com/prompts/write-design-handoff-notes-for-developers

## Prompt

```text
Write design handoff notes for developers.

**Feature and screens:** [DESCRIPTION / screenshots]
**Design system in use:** [NAME or "none"]
**Tech stack:** [e.g. React + Tailwind, SwiftUI]

Include, per screen: purpose; layout and responsive behavior; components (with design-system names) and variants; all states (default, hover, focus, disabled, loading, empty, error); interactions and animations; copy; accessibility requirements; edge cases (long text, missing data, slow network); and open questions for design.

Format it so a developer can build without a meeting.
```

## What to fill in

- DESCRIPTION / screenshots
- NAME or "none"
- e.g. React + Tailwind, SwiftUI

Free to copy and use. From ThinkWithPrompt (https://www.thinkwithprompt.com/), a library of 2,663 curated AI prompts.