Explore

Workflow 3: Client Brief → Design in 1 Day

Outcome

Turn a messy client brief into a clear UX flow and polished UI screens within a day using AI-assisted workflows.

Time box

15 min → Clarify brief

20 min → Define scope + UX flow

30–45 min → Wireframes

60–90 min → UI in Figma

Step 1: Clarify the Client Brief (AI)

Goal: Remove confusion and uncover what the client actually wants

Prompt:

You are a senior product designer.

Here is a client brief:

[PASTE CLIENT MESSAGE]

Do the following:

1. Rewrite the brief in a clear and structured way

2. Identify the real problem to solve

3. List missing information or ambiguities

4. Suggest assumptions to move forward

Keep it practical and actionable.

Output you want:

Clear problem statement

Defined scope

List of unknowns

Step 2: Define Scope + UX Flow

Goal: Avoid scope creep and structure the work

Prompt:

Based on this clarified brief, create a UX flow.

Include:

- Key screens

- User journey

- Main actions per screen

Keep it simple and focused on MVP.

Output:

Screen list

Navigation flow

Key actions per screen

Tip: Always simplify — clients don’t need everything in V1.

Step 3: Generate Wireframes (Fast)

Goal: Visualize quickly without overthinking

Prompt:

Create a low-fidelity wireframe structure for these screens:

[PASTE SCREENS]

Describe layout including:

- Sections

- Components

- Priority of elements

What to Do

Create rough wireframes in Figma

Use placeholders (no styling yet)

Focus on layout and clarity

Step 4: Convert to UI

Goal: Deliver polished UI fast using a repeatable system

What to Do

Open the SaaS UI Starter Kit (Figma file included)

Map wireframes to components:

Navigation

Forms

Tables / lists

Cards / sections

Assemble screens using existing components Speed over perfection

⁠

Focus Areas

Consistency

Reusability

Clean layout

⁠

Build Order

Layout

Core components

Content

Refinement

Step 5: Add UX Copy (AI)

Goal: Make the design client-ready.

Prompt:

Write UX copy for this feature:

[PASTE FEATURE]

Include:

- CTA buttons

- Form labels

- Error messages

- Helper text

Keep it clear and professional.

Apply in UI

Replace placeholder text

Ensure clarity

Keep tone consistent

Step 6: Client-Ready Polish

Goal: Make it presentation-ready

Final Checklist

Is the flow easy to understand?

Are key actions obvious?

Is the UI consistent?

Does it solve the client’s core problem?

⁠

This is where YOU beat AI

AI gives speed. You bring:

Judgment

Simplification

Experience

Add This (High Value)

1 frame explaining your thinking

Light annotations in design

Final Deliverable

You should now have:

Structured UX flow

2–4 polished screens

Real UX copy

Client-ready design

Pro Tips

Speed builds trust

Clarity beats creativity (early stage)

Simplify aggressively

Reuse components

Try This Now

Use a real scenario:

Landing page redesign

Dashboard feature

Form flow

Run this workflow once.

You’ll realize: speed comes from structure, not effort.

Gallery

Want to print your doc?
This is not the way.

Try clicking the ··· in the right corner or using a keyboard shortcut (

CtrlP

) instead.