Wireframe this feature in text before I open Figma. Goal is to think through the structure, not produce visuals.
The feature: {{describe — "filter sidebar," "checkout flow," "settings page," etc.}}
Goals:
- User goal: {{what they're trying to do}}
- Business goal: {{what we want to drive}}
Output (text wireframe):
1. **Page structure** — what's at the top, middle, bottom (or left/right for sidebars)
2. **The primary action** — what's the one thing the user should do here? Where does it live?
3. **The hierarchy of information** — what gets the most visual weight, what's secondary?
4. **What I'm NOT including** and why — features people might expect that don't earn space
5. **Edge states** — empty, error, loading, "no results," "you've already done this"
6. **Mobile vs desktop** — what restructures or hides on small screens?
Skip generic "make it user-friendly." Tell me concretely what goes where, in priority order.wireframingIAplanning