# Write a design brief and user-flow specification

Defines the user goal, flow, states, and edge cases for a feature.

- Topic: Product & UX Design
- Framework: RCTFVV
- Level: Advanced
- Tags: Write, Fill-in Template, Step-by-step
- Source: https://www.thinkwithprompt.com/prompts/write-a-design-brief-and-user-flow-specification

## Prompt

```text
Role: Act as a product designer scoping a design before visual work begins.

Context: Problem and the user's goal: [PROBLEM_GOAL]. Requirements / PRD reference: [REQUIREMENTS]. Users and context of use (device, environment, frequency): [USERS_CONTEXT]. Existing patterns / design system: [DESIGN_SYSTEM]. Constraints (technical, accessibility, content): [CONSTRAINTS]. Success looks like: [SUCCESS].

Task: Produce: a design brief - the problem, the user and their goal, success criteria, principles to hold, and what is out of scope; then a user-flow spec - the happy path step by step, each step's purpose, the states (empty / loading / error / success), the edge and error cases and how they are handled, the content/microcopy needed, and the accessibility considerations per step.

Format: Sections: Design brief | User flow (numbered steps with states) | Edge & error cases | Content needs | Accessibility notes.

Verification: Flag any step whose purpose is unclear, any state not accounted for, and any place the flow assumes data or a permission that may not exist.

Validation: Walk a first-time user and an error-prone user through the flow: do both reach success without a dead end? Fix the step that fails them.
```

## What to fill in

- PROBLEM_GOAL
- REQUIREMENTS
- USERS_CONTEXT
- DESIGN_SYSTEM
- CONSTRAINTS
- SUCCESS

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