Figma Design Brief Generator
By Spencer Garcia · Published · Updated
Brief a designer (or yourself) properly — goals, constraints, states, and what 'done' looks like.
Tags: Design, Planning, Communication
Prompt template
## Figma Design Brief Generator Write a design brief for this piece of work. - What's being designed: [text: e.g. onboarding flow, pricing page, settings screen] - Platform: [multi: Web desktop, Web mobile, iOS, Android, Email] - The user problem: [textarea: Who is stuck, on what, and what happens today] - Success looks like: [text: The measurable or observable outcome] - Constraints: [textarea: Design system, brand rules, engineering limits, deadline] - Fidelity needed: [dropdown: Wireframes, Hi-fi mockups, Interactive prototype, Production-ready specs] - List every empty / loading / error state to cover [toggle: Yes, No] Structure the brief as: problem, audience, goals and non-goals, key user flows as numbered steps, required screens and states, content and copy needs, accessibility must-haves, and a definition of done. Close with 3 open questions the designer should resolve before opening Figma.