S
Shvetha's AIPortfolio Assistant
Go back

Real-Time Design Review Inside Figma

02

In this project, I explored how design tools can shift from passive creation platforms to active design assistants. By embedding intelligence directly into the workflow, the goal is to help designers identify issues early, reduce friction, and make better design decisions in real time.

RoleProduct Designer
Project Duration3 months
ToolsFigma, Perplexity
CategoryProduct Concept

Summary

A product concept exploring how design review can be integrated directly into the design process instead of being treated as a separate step.

Most design tools today focus on creation, but reviewing designs often happens later or through plugins.

This concept introduces Design Intelligence, a system that works alongside designers, automatically detecting issues, suggesting improvements, and maintaining consistency in real time.

Faster Issue Detection

55%

Reduced Rework

35%

Improved Consistency

50%

Better Accessibility

42%

Summary mockup

The Problem

Design tools prioritize creation, but reviewing quality still depends on manual checks or plugins, which interrupts flow and delays feedback.

Missed Design Issues

Missed Design Issues

Small inconsistencies like spacing, contrast, or alignment often remain unnoticed during the design process.

Fragmented Workflow

Fragmented Workflow

Switching between designing and plugins breaks focus and adds unnecessary steps to the workflow.

Delayed Feedback

Delayed Feedback

Issues are identified after completion, leading to rework and slower iteration cycles.

Users and Research

Why it Started ?

Designers focus on building interfaces, not constantly reviewing them. This creates gaps where small issues go unnoticed, especially in fast-paced workflows involving multiple screens and components.

Who are we solving for?

Product and UI designers working on complex flows, managing multiple screens, components, and systems, where maintaining consistency and catching small issues becomes difficult during active design work.

How are we solving it?

Shift the experience from manual review to real-time guidance by embedding feedback directly into the design environment, allowing designers to identify and resolve issues instantly without switching.

Research Approach

Research Approach

Focused on understanding where designers lose attention and how delayed feedback impacts design quality.

Intelligence Opportunity

Intelligence Opportunity

This enables tools to move from passive interfaces to active systems that assist designers while decisions are being made.

Frustrations and Findings

Designers don't ignore issues, they simply don't see them at the right moment. Most problems surface too late, after the design is already built.

Pain points identified

Where are inconsistencies across my screens
Does this meet accessibility standards
Am I following the design system correctly
Is my spacing system consistent
Are all my flows connected properly
What small details am I missing
Why does something feel slightly off
Is this visually balanced

Design Concept

Guided Design Awareness

Surfaces issues directly on the canvas as they occur, making problems visible in the moment.

  • Detects spacing, contrast, and structure
  • Highlights issues in context
  • Brings hidden problems into focus
  • Removes separate review steps
  • Fixes issues during creation
Guided Design Awareness

In-Flow Accessibility Checks

Embeds accessibility checks into the workflow, enabling instant corrections without context switching.

  • Flags low contrast instantly
  • Suggests accessible color options
  • Enables one-click fixes
  • Aligns with accessibility standards
  • Removes external tool dependency
In-Flow Accessibility Checks

Design System Integrity

Maintains consistency by detecting deviations and guiding designs back to system-defined components.

  • Flags detached components
  • Suggests system reconnection
  • Prevents visual inconsistencies
  • Reinforces system usage
  • Keeps designs aligned
Design System Integrity

Connection Intelligence

Ensures complete user journeys by identifying gaps in navigation and interaction.

  • Detects broken flows
  • Flags orphan screens
  • Suggests next connections
  • Maintains navigation continuity
  • Reduces flow errors early
Connection Intelligence

Design Health Visibility

Turns design quality into a measurable signal that evolves with the product.

  • Tracks issues and improvements
  • Shows design health score
  • Compares iterations easily
  • Supports faster decisions
  • Makes quality visible
Design Health Visibility

User Testing

Initial validation explored how real-time feedback influences designer behaviour during active workflows.

What stood out during testing

Designers responded well to immediate insights, as they reduced reliance on plugins and allowed issues to be fixed instantly, maintaining flow and making the overall design process more efficient and focused.

Designers also showed improved confidence in their decisions, as feedback was available at the right moment. This reduced hesitation and allowed them to move forward without second-guessing their design choices.

Testing 1
Testing 2

Snippets

Before & After

Before
Before
After
After

Designs and explorations

Design Explorations

Design Impact

55%Faster Issue Detection
50%Higher Consistency
42%Better Accessibility
35%Reduced Rework

Learnings

  • Immediate feedback reduces rework and speeds up decisions
  • Contextual guidance lowers cognitive effort during design
  • Early issue detection prevents inconsistencies at scale
  • Integrated systems remove dependency on plugins
  • Continuous feedback supports better design habits
  • Quality becomes part of the process, not a final step