designScore: 92/100For Figma AI

Annotated low-fidelity wireframes with user flow

Generate structured wireframes with functional annotations and complete navigation flows.

Fill in the variables

Your personalized prompt

Create low-fidelity wireframes for {{type_produit}} targeting {{plateforme_cible}}.

**Project context:**
- Target audience: {{public_cible}}
- Brand constraints: {{contraintes_marque}}

**Expected structure:**

1. **Main screens:**
   - Identify 5-8 key screens in the user journey
   - Use gray blocks for content, rectangles for images
   - Clear typographic hierarchy (headings, subheadings, body)

2. **Functional annotations:**
   - Number each interactive zone
   - Explain click/tap behavior
   - Indicate states (default, hover, active, disabled)
   - Specify validations and error messages

3. **Navigation flow:**
   - Arrows between screens showing transitions
   - Clearly marked entry and exit points
   - Alternative paths (success/error)

4. **Technical specifications:**
   - Grid and spacing (8pt, 12pt, etc.)
   - Responsive breakpoints if applicable
   - Scroll areas and fixed containers

5. **Design notes:**
   - Reusable components to create
   - Complex interactions to detail
   - Critical UX attention points

Deliver a set of wireframes ready for stakeholder validation and high-fidelity conversion.

Go further: optimize this prompt →