Figma Plugin — project cover
Plugin Vibe Coding In Development

Figma Plugin

The personal project, bringing the research layer directly onto the design canvas. I wanted to eliminate the friction between knowing and doing.

The Problem

The Fragility of Flow

Design doesn't happen in a vacuum, but the tools we use to support it often pull us away from the work itself. For most product designers, a "simple" design task involves a constant, jarring loop of context switching:

Research Rabbit Hole

You jump to Chrome to look up accessibility standards or UI patterns, only to get lost in a sea of open tabs.

Documentation Gap

User stories and flows live in Notion or Jira, forcing you to ping-pong between windows to ensure alignment.

Content Void

Waiting for final copy or generic "lorem ipsum" placeholders slows down the visual rhythm of the UI.

Every time you leave the Figma canvas to find an answer, you risk losing your flow state.

Plugin demo — UI review Plugin demo — design checklist Plugin demo — user flows Plugin demo — copywriting
The Motivation

Design at the Speed of Thought

I started building this plugin because the canvas should be more than just a drawing board — it should be an intelligent workspace. The motivation is rooted in the philosophy of "Stay in the Flow." By integrating autonomous agents directly into the Figma environment, the goal is to transform the design process from a fragmented search mission into a continuous creative stream.

Why build this now?

We are entering an era of vibe-coding and rapid prototyping where the distance between an idea and its execution is shrinking. Designers shouldn't be manual data-gatherers — they should be curators of insight. This tool is built to handle the heavy lifting of UX audits, checklist verification, and copy generation, allowing the designer to focus on what matters most: solving problems and crafting experiences.

UI Review & UX Audits

Automated analysis of your designs against accessibility and usability standards, surfaced directly on the canvas.

Automated Design Checklists

Verify design completeness without leaving Figma — checklists generated from your component context.

User Flows & Stories

Generate structured user flows and Jira-ready stories directly from your frame structure.

Instant Insights & Copywriting

Replace lorem ipsum with intelligent, context-aware copy — generated on demand for any UI element.

View All Projects
trannhan2212@gmail.com

Product Design | User Experience Design

I adore solving problems and designing digital products.