Design Brain

Company: Personal Project - Figma Plugin

Role: Product Designer & Developer

Industry: AI / Design Tools / SaaS

AI-Powered critiques

Overview

Design Brain is an AI-powered Figma plugin that provides instant design critique directly within the design workflow.
It analyzes layout, spacing, typography, color usage, and accessibility to help designers quickly identify issues and improve consistency.
The goal was to reduce reliance on manual design reviews and provide designers with fast, actionable feedback while they work.

The Challenge

Design reviews are often slow, subjective, and inconsistent.Designers rely heavily on peer feedback, which can delay iterations and make it difficult to maintain consistent design system usage across teams.
‍
Many existing tools either focus only on accessibility or require exporting designs for analysis, interrupting the workflow.
The goal was to build a lightweight plugin that could analyze design decisions directly inside Figma and provide clear, actionable feedback in seconds. Instead of waiting for manual reviews, designers receive real-time feedback and suggestions while designing.

Process

Research & Discovery:

I analyzed common design review workflows and explored how designers currently validate layout, spacing, typography, and accessibility decisions.
This helped identify the most common issues designers encounter during UI reviews.

Design & Prototyping:

I designed a lightweight interface that integrates seamlessly within Figma.
The UI presents a design score, quick improvement suggestions, and categorized analysis results such as layout, typography, and accessibility.

Ideation & Product Definition:

I mapped the core workflow around a simple interaction: select a frame → run analysis → receive prioritized feedback.
The focus was on minimizing friction and delivering insights without disrupting the design process.

Testing & Iteration:

The plugin was tested on multiple UI screens to refine the clarity of feedback, improve readability of analysis results, and ensure the suggestions were actionable for designers.

Key Features Delivered

• AI Design CritiqueAnalyzes selected frames and generates instant design feedback.
• Design Quality ScoreProvides a clear score summarizing overall design health.
• Quick Improvement SuggestionsHighlights the most impactful design fixes designers can apply immediately.
• Detailed UI AnalysisBreaks down issues across layout, spacing, typography, color usage, and accessibility.
• Design System Compliance ChecksValidates spacing scales, type scales, and touch targets to ensure consistency.
• Accessibility InsightsDetects contrast issues and usability concerns based on accessibility guidelines.

Outcome & Impact

• Built and deployed a functional AI-powered Figma plugin
• Enabled designers to identify UI issues instantly during the design process
• Reduced reliance on manual design reviews for common design issues
• Demonstrated how AI can augment design workflows with real-time critique