01
Describe your design
Type what you need in natural language — a dashboard, a settings page, a pricing card — and optionally attach a reference image.
Figma Plugin
Describe it.
Watch it build.
Ship native Figma
designs in seconds.
Describe a UI in plain language, watch editable Figma layers appear live, then export production-ready React and Tailwind code.
Top AI models
Native Figma output
React export
Design system aware
Examples
Built with Aesthetron AI
Real designs generated entirely by AI — dashboards, landing pages, components, and more.
Capabilities
Everything you need to design faster
From ideation to handoff — every output is a real Figma layer you can edit, style, and ship.
Create & Iterate
AI Design Generation
Describe any UI in plain language. The AI streams real Figma frames, text, shapes, and icons onto your canvas in real time.
Create & Iterate
Modify In-Place
Select existing elements and describe what to change. The AI patches layout, style, and content without rebuilding from scratch.
Create & Iterate
Style Memory
Capture the visual identity of any element — fills, effects, typography — and apply it to other nodes with one command.
System-Aware
Component Variants
Generate full component sets with Cartesian-complete variants — size, state, style — including hover, pressed, and disabled states.
System-Aware
Design System Aware
Loads your Figma variables, styles, and fonts. The AI binds to your design tokens instead of using raw values.
Export
Inline Image Generation
The AI generates and embeds images — avatars, hero photos, product shots — directly into your design during creation.
Export
React + Tailwind Export
Export any selection to a React/TypeScript component with Tailwind CSS, Shadcn/UI mapping, and Lucide icons. One-click open in v0.dev.
AI Models
Multi-Model Choice
Choose the AI that fits your task: Gemini 2.5 Pro, GPT-4o, or Claude Opus 4.5. Switch models per request with no reconfiguration.
Workflow
Three steps from idea to implementation
02
Watch it build live
The AI streams native Figma nodes onto your canvas in real time. Frames, auto-layout, text, icons, and images appear as you watch.
03
Iterate and export
Refine with follow-up prompts, modify selected elements, then export to React/TypeScript code or open directly in v0.dev.
Powered by leading AI
Google GeminiOpenAI GPTAnthropic Claude
6
AI models to choose from
100%
Native Figma output
1-click
React export to v0.dev
Pricing
Simple, pay-as-you-go credits
Purchase credits to power AI generation, modification, and export. Each request consumes credits based on the model and complexity.
Starter
$20
500 credits
$0.04 per credit — save 20%
- AI design generation
- In-place modification
- Component variant creation
- Inline image generation
- React + Tailwind export
- Best for simple workflows
- Credits never expire
StandardPopular
$35
1,000 credits
$0.035 per credit — save 12%
- Everything in Starter
- Best for regular workflows
- Credits never expire
BulkBest Value
$150
5,000 credits
$0.03 per credit — save 25%
- Everything in Starter
- Ideal for complex workflows
- Credits never expire
PRO PASS
Your powerhouse plan
MCP integration, Bring Your Own Key, and full model flexibility — all in one subscription. Connect your own API keys and pay your provider directly with zero credit consumption.
MCP (Model Context Protocol)
BYOK for Google, OpenAI, Anthropic
Zero credits on BYOK calls
500 bonus credits included
AES-256-GCM local encryption
Per-request model selection
$20/ mo
FAQ
Frequently asked questions
Can't find what you're looking for? Reach out to us directly.
Stop designing from scratch.
Let AI do the heavy lifting.
Install the Figma plugin, purchase a credit pack, and start generating native Figma designs in seconds.