Figma Design Reviewer

AI-Powered Design QA

A web app where three AI agents review Figma designs in parallel — checking UX heuristics, visual polish, and accessibility — then let you post approved feedback back as Figma comments.

AI AgentsFigma APIDesign OpsAccessibilityHuman-in-the-loop
Role
Designer & Developer
Team
Solo project with AI collaboration
Timeframe
2026
Figma Design Reviewer
01overview

Overview

Figma Design Reviewer is a multi-agent workflow that turns a selected Figma frame into structured design feedback. I built it to test a hunch: that AI critique gets more useful when it’s grounded in the actual artifact and connected to the tool where design teams already work.

End-to-end flow — frame selection to posted Figma comments
02system thinking

How It Works

The prototype connects to Figma via OAuth, analyzes a selected frame, and starts with a context-analysis step that infers likely product type, user intent, and review priorities. Before review begins, you can confirm, edit, or skip those assumptions.

From there, specialized AI reviewers run in parallel — UX heuristics, visual polish, accessibility and edge cases. Their outputs get normalized into structured issues, mapped back to relevant nodes, and surfaced in the app for filtering, review, and selective posting back into Figma as comments.

Workflow diagram: OAuth → context analysis → parallel agents → normalize → review → post back
Workflow diagram: OAuth → context analysis → parallel agents → normalize → review → post back
Context confirmation step: inferred assumptions surfaced for user edit or approval
Context confirmation step: inferred assumptions surfaced for user edit or approval
Review results: structured issue list with severity, category, and node mapping
Review results: structured issue list with severity, category, and node mapping

Most AI feedback tools stop at broad commentary. I wanted something more operational — critique that interprets the artifact, separates feedback into clear lenses, keeps you in the loop, and returns output you can actually act on.

On the design of the review workflow
03reflection

Why It Matters

What interested me most wasn’t the model output — it was the workflow design. The project shows how agentic systems can be orchestrated around real tools and real decisions, not just prompts.

Figma canvas with posted review comments — feedback surfaced directly in the source tool
Figma canvas with posted review comments — feedback surfaced directly in the source tool