BACKGROUND

The only designer on the team,

building for designers.

As the only designer of the team, I built an AI-powered design review platform on desktop that helps designers analyze their work directly from their frames.

The goal was to make feedback more useful, reducing guesswork, improving clarity, and turning reviews into a structured, actionable process.

01 — UI AUDIT

Figma Plugin

When I joined the team, the product already existed as a Figma plugin, a “ChatGPT for design review.”.

  1. No understanding of context.

User could select a frame, ask a question, and get AI feedback. Designers didn’t know what to ask and here was no understanding of context (goals, system, audience)

  1. Responses took too long to generate.

Users were left staring at the three dots, unsure if it was working.

  1. AI responses were long and unstructured.

Hard to scan. Hard to trust.

02 — RESEARCH

Competitive analysis

After testing different tools, two patterns kept showing up:
Some tools force structure. others give full freedom.

Competitive analysis

After testing different tools, two patterns kept showing up:
Some tools force structure. others give full freedom.

THE GAP

Designers don’t just need answers.

Designers don’t just need answers.

They need guidance on what to look at

They need guidance on what to look at

and freedom to go deeper when needed.

and freedom to go deeper when needed.

OPPORTUNITY FOR SPEC AI

A system that guides without
locking you in.

Instead of choosing one direction, I designed a system where:

Categories

guide the starting point

Designers

can continue asking deeper questions

The chat

is restructured for better scanning

AI CONSTRAINTS

Designing with AI Constraints

Behind the scenes, each type of feedback is handled by a different AI agent:

To get accurate results, the system needs as much context as possible before generating a response. This reduces unnecessary token usage and helps route the request to the right agent.

Audit UI

Audit UI

Accessibility

Accessibility

Visual hiarachy

Visual hiarachy

UX critique

UX critique

Edge cases

Edge cases

"What should I improve this design?"

"What should I improve this design?"

Router

Router

Structured feedbacks

Structured feedbacks

THE MAIN PROBLEM

How to balance user experience
against tech constraints?

how to balance
user experience and
tech constraints?

03 — WIREFRAMES

I quickly draft a wireframe version from Figma Make

Hover on each frame to learn more about the process.

Click on each frame to learn more about the process.

04 — ITERATION

The First Wrong Move

Working closely with the CEO, we explored the pros and cons of this direction through a series of workshops.

To improve AI result quality, I drafted a flow where users had to define everything upfront: → what to review, what the context is, what the goals are

WHY IT FAILED

It worked technically, but it broke the experience. Before getting any value, users had to go through multiple steps just to start.

It worked technically, but it broke the experience. Before getting any value, users had to go through multiple steps just to start.

The "aha moment" came too late.

INSIGHT

In AI products,
speed to first value matters more than perfect output.

If users don’t see value immediately,
they don’t stay long enough to care about quality.

In AI products,
speed to first value matters more than perfect output.

If users don’t see value immediately,
they don’t stay long enough to care about quality.

Designing the System

Instead of forcing structure, I introduced a system that guides it.

Presets, progressive inputs, and agent routing
work together to shape the context without interrupting the flow.

Let users choose an AI agent right in the beginning

This helps the app route your request to the right AI agent for more accurate feedback

Review Presets

Instead of asking users to explain everything every time,
I designed a system where context could be saved, reused, and applied instantly.

Emty state

Default state

Switching presets

Review reasoning

Instead of static loading, the system reveals its thinking in real time, turning uncertainty into trust.

Structured answer

Feedback is structured into severity, impact, source and actions, so users can scan fast and act immediately.

Canvas mapping

Each finding is mapped directly to the design, so users instantly see where and why it matters.

05 — THE TRADE-OFFS

Less upfront. More signal.

Decision 1 — Force users to input context upfront?

Decision 2 — Show reasoning vs hide it?

Decision 3 — More depth or more usability in AI responses?

06 — FINAL EXPERIENCE

Guidance at the start.
Freedom all the way down.

The final product gives designers the structure they need to begin and the depth they need to keep going — without ever feeling like a form to fill out..

Before

The experience was built around defining context upfront.

Users had to choose what they were reviewing
before they could even start.

After

I shifted the flow from setup to intent.

Instead of asking users to define everything first,
I focused on helping them start with what they care about.

Before

The experience was built around defining context upfront.

Users had to choose what they were reviewing
before they could even start.

After

I shifted the flow from setup to intent.

Instead of asking users to define everything first,
I focused on helping them start with what they care about.

Before

Presets were placed at the bottom of the flow. Users had to choose one before starting — even if they didn’t fully understand what they needed.

This made presets feel required, heavy, and easy to ignore

After

I redesigned presets as a progressive layer,
not a blocker.
I introduced a contextual empty state. and explains their value in context. When no preset is selected: users can still start immediately

What I learned

Designing AI products isn’t just about making the model smarter.
It’s about shaping how users experience intelligence.

Through this project, I learned that:

context matters more than prompts: relevant feedback starts with the right setup
speed is about perception, not just performance: visibility builds trust
AI feedback needs hierarchy: users need clarity before depth
good AI UX hides complexity: the system can stay structured without feeling rigid


The goal wasn’t to make AI feel powerful.
It was to make it feel usable.

What’s next

Real-time collaborative reviews

Shared feedback across teams

Developer-ready outputs

Turning insights into tickets or handoff notes

Learning from user patterns

Making future reviews smarter over time

The next step is making feedback not just useful, but truly adaptive.

© 2026 ThuyTrangCao. Built with precision.

© 2026 ThuyTrangCao. Built with precision.

© 2026 ThuyTrangCao. Built with precision.

Create a free website with Framer, the website builder loved by startups, designers and agencies.