AI-Powered Figma Prototyper: UI/UX and Product DesignAI-Powered Figma Prototyper: UI/UX and Product Design
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Chu Prototyper is live Now.
Role: UI/UX Designer & Product Designer Tools: Figma, Antigravity, Gemini, Claude
Chu Prototyper is an AI powered Figma plugin I designed and independently built. Instead of manually connecting frames and setting up interactions one by one, you write what you want in plain text, something like "wire all get started buttons to the authentication screen on click, 0.3s smart animate," and the plugin builds it for you.
The problem Prototyping in Figma gets repetitive fast. You're manually wiring screens, picking interactions, setting transitions and adjusting timing across frame after frame. As a designer, that process pulls focus away from actual design decisions and slows down the flow from idea to working prototype.
The idea Describe the interaction, let the tool handle the wiring. Rather than clicking through the prototype panel for every connection, you write a plain sentence describing what should happen, and it gets set up across your frames automatically.
The approach I designed the product and the plugin interface myself, while using AI assisted coding to build the underlying logic. I kept the interface simple on purpose, built around one clear flow, select, describe, create. The goal was for someone to understand what to do within seconds, without a wall of settings in front of them.
What it handles Click, drag, hover and press states, mouse enter, leave, down and up, after timeout interactions, and custom transition styles with animation and timing control. The challenge was keeping it flexible without making it complicated, so people can describe something useful and get a working result right away.
Where it stands This demo shows the core logic working end to end, the plugin reading a text prompt and creating the matching prototype connection in real time. It's a solid proof of concept, and it's what the full product is built on.
What I learned Designing a screen is only one part of building a product. The harder questions live in the system behind it, what someone should do first, what they actually need to know, and how to remove friction from a process that used to take far more clicks than it should.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started