Design Brief Template
A fill-in-the-blanks design-brief template — goals, users, scope, and success metrics on one page — plus a matching user-story starter.
What is a design brief?
A design brief is the one-page document that defines what a screen or product needs to do before anyone sketches it — background, goals, target users, scope, deliverables, timeline, and how success gets measured. A good ux design brief template keeps a project aligned before a single wireframe exists: everyone signs off on the same problem before debating layout.
Get the design brief
Pick your format — both contain the same design-brief structure.
Opens a duplicatable Figma design-brief template — copy it into your own files and fill in each section.
Downloads a printable PDF design-brief sheet you can fill out by hand or share for sign-off.
Add the user stories
Once the brief is agreed, break the scope into stories your team can build against.
Opens a duplicatable Figma user story template — one card per story, ready to prioritize.
Downloads a printable PDF user story template — each story in the As a… I want… so that… form, with acceptance criteria and priority.
What's in the brief
| Block | What it's for |
|---|---|
| Project background | Why this project exists right now |
| Goals & objectives | What the project needs to achieve |
| Target users | Who the screen or product is for |
| Scope & constraints | What's in, what's out, and any hard limits |
| Deliverables | What gets handed off, and in what form |
| Timeline & milestones | Key dates and checkpoints |
| Success metrics | How you'll know it worked |
How to use it
- Define — fill in the brief with the project stakeholders before any design work starts.
- Align — circulate it for sign-off so goals and scope are agreed, not assumed.
- Break it down — turn the scope into user stories with the matching template.
- Hand off to wireframe — once the brief and stories are locked, move into the UI Wireframe Kit to sketch the screens.
Pair it with the rest of the kit
A design brief answers what and why. Pair it with the templates that answer who and how:
- UI Wireframe Kit — the wireframe starter to sketch the screens this brief scopes.
- Persona Template — a one-page portrait of the target users named in the brief.