UX Design
UX Design
UI/UX Figma Evaluation Plug-in
UI/UX Figma Evaluation Plug-in
An AI-powered Figma plugin that evaluates designs against UX laws and best practices without taking creative control from designers.
An AI-powered Figma plugin that evaluates designs against UX laws and best practices without taking creative control from designers.
2 months
2 months
2026
2026
Figma
Figma
Challenge
Designers often need quick, useful UX feedback throughout the design process, but reviewing every decision against UX laws and best practices can be time-consuming. While AI tools can speed up parts of the design process, they often generate generic solutions that take away from the creativity and decision-making that make design valuable.
Results
The AI UX Evalution Plugin helps designers evaluate frames, images, and URLs directly inside Figma. The tool provides category-based scores and feedback organized by severity, making it easier for designers to understand what is working, what needs improvement, and which issues to prioritize.
By using AI as a critique partner instead of a design generator, the plugin helps designers improve their work while keeping their original ideas, visual direction, and creative control intact.
Challenge
Designers often need quick, useful UX feedback throughout the design process, but reviewing every decision against UX laws and best practices can be time-consuming. While AI tools can speed up parts of the design process, they often generate generic solutions that take away from the creativity and decision-making that make design valuable.
Results
The AI UX Evalution Plugin helps designers evaluate frames, images, and URLs directly inside Figma. The tool provides category-based scores and feedback organized by severity, making it easier for designers to understand what is working, what needs improvement, and which issues to prioritize.
By using AI as a critique partner instead of a design generator, the plugin helps designers improve their work while keeping their original ideas, visual direction, and creative control intact.
Discovery
Discovery
AI has quickly become part of everyday life, from the workplace to the tools designers use throughout their creative process. In design, AI creates new opportunities to move faster, get feedback earlier, and think through ideas in more informed ways. I wanted to explore how AI could be used as a tool that strengthens the design process instead of replacing it. This plugin helps designers evaluate and improve the work they have already created by using UX laws, best practices, and usability feedback as a guide. Rather than taking creative control away, it gives designers another perspective to help push their ideas further, make stronger decisions, and continue building their own design practice.
AI has quickly become part of everyday life, from the workplace to the tools designers use throughout their creative process. In design, AI creates new opportunities to move faster, get feedback earlier, and think through ideas in more informed ways. I wanted to explore how AI could be used as a tool that strengthens the design process instead of replacing it. This plugin helps designers evaluate and improve the work they have already created by using UX laws, best practices, and usability feedback as a guide. Rather than taking creative control away, it gives designers another perspective to help push their ideas further, make stronger decisions, and continue building their own design practice.
Water usage is largely invisible. While users care about sustainability, they lack feedback at the point of action.
Existing solutions either track data passively with little behavior change or present too much information, requiring effort to interpret. This revealed an opportunity to design for awareness in the moment, not analysis after the fact.
Interviews
Interviews
After speaking with the UX design team, I found that the tool would be more useful integrated directly into Figma rather than as a separate website. The original concept required users to download frames, upload designs, and review feedback in a full-screen dashboard, which made quick check-ins feel more time-consuming and disruptive. I shifted the product into a Figma plugin so designers could evaluate frames as they worked without interrupting their design flow. This also clarified the tool’s purpose: to support feedback on UX laws, usability principles, and best practices, not replace teammate or stakeholder input.
These conversations also showed the value of evaluating uploaded images and screenshots, especially for designers working on redesigns who want to review existing websites before improving them.
After speaking with the UX design team, I found that the tool would be more useful integrated directly into Figma rather than as a separate website. The original concept required users to download frames, upload designs, and review feedback in a full-screen dashboard, which made quick check-ins feel more time-consuming and disruptive. I shifted the product into a Figma plugin so designers could evaluate frames as they worked without interrupting their design flow. This also clarified the tool’s purpose: to support feedback on UX laws, usability principles, and best practices, not replace teammate or stakeholder input.
These conversations also showed the value of evaluating uploaded images and screenshots, especially for designers working on redesigns who want to review existing websites before improving them.
Integrating the tool into Figma made UX check-ins faster, easier, and less disruptive to the design flow.
Integrating the tool into Figma made UX check-ins faster, easier, and less disruptive to the design flow.
Integrating the tool into Figma made UX check-ins faster, easier, and less disruptive to the design flow.
Goals
Goals
Make UI/UX feedback faster and easier to access during the design process without leaving Figma.
Use AI to support designers without replacing their creativity or decision-making.
Help designers identify usability issues through UX laws, best practices, and severity-based grading and feedback.
Make UI/UX feedback faster and easier to access during the design process without leaving Figma.
Use AI to support designers without replacing their creativity or decision-making.
Help designers identify usability issues through UX laws, best practices, and severity-based grading and feedback.
Information Design
Information Design
Designing for a Figma plugin created a challenge around space, clarity, and speed. Because the plugin needed to live inside a designer’s existing workspace, I had to keep the interface limited while still making the feedback useful and easy to understand. To avoid slowing down the process, I organized the experience around a small number of screens and clear evaluation categories. Designs can be reviewed as either selected Figma frames or uploaded images, giving users flexibility depending on where they are in the process.
Designing for a Figma plugin created a challenge around space, clarity, and speed. Because the plugin needed to live inside a designer’s existing workspace, I had to keep the interface limited while still making the feedback useful and easy to understand. To avoid slowing down the process, I organized the experience around a small number of screens and clear evaluation categories. Designs can be reviewed as either selected Figma frames or uploaded images, giving users flexibility depending on where they are in the process.
Planning & App Structure
Planning & App Structure
The plugin has two main paths: Frame Evaluation and Image Evaluation. Users can either select a Figma frame or upload an image, screenshot, or URL. After evaluation, results are split into UX Review and Visual Analysis. UX Review gives an overview of scores and severity-based feedback, while Visual Analysis highlights specific areas and lets users challenge feedback through an AI chat. The flow also includes a PAT token step, which would need to be completed about once a month.
The plugin has two main paths: Frame Evaluation and Image Evaluation. Users can either select a Figma frame or upload an image, screenshot, or URL. After evaluation, results are split into UX Review and Visual Analysis. UX Review gives an overview of scores and severity-based feedback, while Visual Analysis highlights specific areas and lets users challenge feedback through an AI chat. The flow also includes a PAT token step, which would need to be completed about once a month.
Shaping the Experience
Shaping the Experience
After identifying the main use cases and adjusting the user flow, I moved into wireframing the plugin experience. My goal was to keep the process quick and easy to follow while still giving designers enough information to understand their results. Since the plugin had limited space inside Figma, I focused on clear steps, simple navigation, and feedback that was organized enough to be useful without overwhelming the user.
After identifying the main use cases and adjusting the user flow, I moved into wireframing the plugin experience. My goal was to keep the process quick and easy to follow while still giving designers enough information to understand their results. Since the plugin had limited space inside Figma, I focused on clear steps, simple navigation, and feedback that was organized enough to be useful without overwhelming the user.
Wireframes
Wireframes
Early wireframes focused on how to separate the UX Review and Visual Analysis results into clear, easy-to-read sections. I explored how to display scores, feedback, and severity levels in a limited plugin space while also leaving room for the AI chat within each Visual Analysis section.
Early wireframes focused on how to separate the UX Review and Visual Analysis results into clear, easy-to-read sections. I explored how to display scores, feedback, and severity levels in a limited plugin space while also leaving room for the AI chat within each Visual Analysis section.
UI
UI
After finalizing the wireframes and making sure the main requirements were met, I moved into creating a design system, component library and clickable prototype. My goal was to keep the interface visually aligned with Figma’s existing UI so the plugin felt like a natural part of the workspace. By using familiar patterns, spacing, and interactions, the design could reduce cognitive load and make the experience feel more intuitive, which helps users feel more comfortable and confident using the tool.
After finalizing the wireframes and making sure the main requirements were met, I moved into creating a design system, component library and clickable prototype. My goal was to keep the interface visually aligned with Figma’s existing UI so the plugin felt like a natural part of the workspace. By using familiar patterns, spacing, and interactions, the design could reduce cognitive load and make the experience feel more intuitive, which helps users feel more comfortable and confident using the tool.
Outcome
Outcome
The final plugin creates a faster, more integrated way for designers to get UX feedback without leaving their workflow. By combining in-file evaluation, severity-based feedback, and visual AI analysis, the tool helps designers identify usability issues, understand their design decisions, and improve their work while staying in control of the creative process.
The final plugin creates a faster, more integrated way for designers to get UX feedback without leaving their workflow. By combining in-file evaluation, severity-based feedback, and visual AI analysis, the tool helps designers identify usability issues, understand their design decisions, and improve their work while staying in control of the creative process.
Experience in Action
Experience in Action
Key Features
Key Features
The plugin was designed around quick, in-workflow feedback that helps designers evaluate their work without leaving Figma. Each feature focuses on making UX feedback easier to access, easier to understand, and easier to act on during the design process.
The plugin was designed around quick, in-workflow feedback that helps designers evaluate their work without leaving Figma. Each feature focuses on making UX feedback easier to access, easier to understand, and easier to act on during the design process.
Frame and Image Evaluation
Frame and Image Evaluation
Users can evaluate selected Figma frames or upload images, screenshots, and URLs. This supports both in-progress design work and redesign projects where designers need to review existing websites.
Users can evaluate selected Figma frames or upload images, screenshots, and URLs. This supports both in-progress design work and redesign projects where designers need to review existing websites.
UX Review Results
UX Review Results
The UX Review gives designers a clear overview of category scores and severity-based feedback, helping them quickly understand what is working and what needs improvement.
The UX Review gives designers a clear overview of category scores and severity-based feedback, helping them quickly understand what is working and what needs improvement.
Visual Analysis with AI Chat
The Visual Analysis highlights specific areas within a design and allows users to challenge feedback through an AI chat. This gives designers a chance to explain their decisions, add missing context, and better understand the AI’s evaluation.
The Visual Analysis highlights specific areas within a design and allows users to challenge feedback through an AI chat. This gives designers a chance to explain their decisions, add missing context, and better understand the AI’s evaluation.
Product Summary
Product Summary
Principle is an AI-powered Figma plugin that helps designers evaluate their work against UX laws, usability principles, and best practices. It solves the problem of designers needing quick, useful feedback during the design process without having to leave Figma, manually reference UX guidelines, or wait for a formal review. By supporting both selected Figma frames and uploaded images or URLs, Principle can be used for in-progress designs as well as redesign projects.
Principle is an AI-powered Figma plugin that helps designers evaluate their work against UX laws, usability principles, and best practices. It solves the problem of designers needing quick, useful feedback during the design process without having to leave Figma, manually reference UX guidelines, or wait for a formal review. By supporting both selected Figma frames and uploaded images or URLs, Principle can be used for in-progress designs as well as redesign projects.
Principle uses AI as a design support tool rather than a replacement for the designer. Instead of generating designs for users, it provides scores, severity-based feedback, visual analysis, and AI-powered explanations that help designers understand where their work can improve. The goal is to help designers build stronger, more usable products while keeping creativity, decision-making, and design ownership in their hands.
Principle uses AI as a design support tool rather than a replacement for the designer. Instead of generating designs for users, it provides scores, severity-based feedback, visual analysis, and AI-powered explanations that help designers understand where their work can improve. The goal is to help designers build stronger, more usable products while keeping creativity, decision-making, and design ownership in their hands.
Next Steps
Next Steps
I worked closely with a software developer to bring Principle from concept into a real Figma plugin. Through that process, I learned a lot about designing within both development constraints and Figma plugin limitations, especially when it came to space, functionality, and workflow.
Overall I’m really happy with how the product came together and I’m excited to see how designers use it in action.
Although there was extensive iteration and evolution during the beginning stages of production, we were able to get more feedback at the showcase. With this feedback, there were a few things I would like to go back and work on in my free time. I would like to go back and work on transitions and animations between screens to make the experience flow a bit better. I would also like to explore other ways to get younger household members invloved, whether this be with games or other challenges.
Overall I am very happy with how this product turned out. It was exciting starting out with nothing but a problem and then taking it all the way to a working product showcase.