Introducing Trio Companion Server — One command to start: npm install -g trio-ai2design && trio Get started
Trio

Simple, transparent pricing

Start free with 10 prompts per day. Upgrade when you need more power — no hidden fees, no surprises. Cancel anytime.

Compare Plans

Free Plan

Start building with AI-powered design. No card, no commitment.

10 design prompts / day

Pro

Full creative power for designers and developers. All 3 modes unlocked.

200 design + 50 prototype + 50 code prompts / day

Team

Most popular

For design teams scaling fast. Shared workspace, premium everything.

500 design + 200 prototype + 200 code prompts / day

Enterprise

Unlimited everything. Dedicated support. Built for agencies and large teams.

Unlimited prompts across all modes
$0forever
$19/ monthly
Billed yearly
$49/ user / monthly
Billed yearly
Custom
Design Mode only
10 design prompts / day
Unlimited tool calls per prompt
Unlimited max nodes per prompt
500 character prompt limit
1 concurrent session
3 screenshots / day
Haiku 4.5 AI model
shadcn/ui design system (56 components)
Lucide icons (1,936 icons)
Prototype Mode
Code Mode
Image upload
Extended thinking
Design + Prototype + Code — all 3 modes
200 design prompts / day
50 prototype prompts / day
50 code prompts / day
Unlimited tool calls per prompt
Unlimited max nodes per prompt
2,000 character prompt limit
3 concurrent sessions
Unlimited screenshots
Haiku 4.5 + Sonnet 4.6 AI models
shadcn/ui + AlignUI design systems (105 components)
Lucide + Remix icons (5,165 icons)
9 frameworks code export (React, Next.js, Vue, Flutter...)
5 images per prompt (max 10 MB)
Extended thinking mode
Everything in Pro, plus:
500 design prompts / day
200 prototype prompts / day
200 code prompts / day
Unlimited tool calls per prompt
Unlimited max nodes per prompt
5,000 character prompt limit
10 concurrent sessions
Haiku + Sonnet + Opus 4.6 — all AI models
All 2 design systems (shadcn/ui + AlignUI — 105 components)
All icon packs (5,165 icons)
10 images per prompt (max 25 MB)
Team management dashboard
Team usage statistics
Standard support
Everything in Team, plus:
Unlimited design prompts
Unlimited prototype prompts
Unlimited code prompts
Unlimited tool calls per prompt
Unlimited nodes per prompt
10,000 character prompt limit
Unlimited concurrent sessions
All AI models including Opus 4.6
All design systems (105 components)
All icon packs (5,165 icons)
20 images per prompt (max 50 MB)
Extended thinking mode
Priority support
Custom onboarding
SLA guarantee

Compare all features

MonthlyYearly

Free

$0forever

Pro

$19/ monthly

Team

Most popular
$49/ user / monthly

Enterprise

Custom
Creative Modes
Design ModeCreate and edit UI designs with 67 AI tools — frames, typography, colors, icons, and components directly on your Figma canvas
Prototype ModeDescribe flows in plain text — Trio wires interactions, transitions, and navigation automatically. 8 triggers, 8 transitions, full easing control
Code ModeSelect any frame, export production-ready code. 9 frameworks, real components — not pseudo-code
Daily Prompt Limits
Design prompts per dayEach prompt can generate an entire screen — not just a single element
10
200
500
Unlimited
Prototype prompts per dayLimits reset daily at midnight UTC
50
200
Unlimited
Code prompts per day
50
200
Unlimited
Prompt Power
Tool calls per promptNo cap on AI operations — your designs are never cut short mid-generation
Unlimited
Unlimited
Unlimited
Unlimited
Nodes per promptNo limit on how many Figma layers the AI can create in a single prompt
Unlimited
Unlimited
Unlimited
Unlimited
Prompt character limitLonger prompts allow more detailed design instructions
500
2,000
5,000
10,000
Concurrent sessionsRun multiple AI sessions side by side (multi-instance support)
1
3
10
Unlimited
AI Models
Claude Haiku 4.5Fast and efficient — great for quick iterations and simple layouts
Claude Sonnet 4.6Balanced power and speed — handles complex multi-component designs with ease
Claude Opus 4.6Maximum intelligence — best for intricate designs, advanced prototyping, and detailed code extraction
Extended ThinkingAI reasons step-by-step through complex design problems before building, producing significantly better results
Design Systems
shadcn/ui56 components — minimal Tailwind-based design system. Clean, accessible, endlessly customizable
AlignUI49 components — modern Radix-based design system with advanced patterns (color-picker, data-table, segmented-control, and more)
Total component specs
56
105
105
105
Automatic variable bindingColors auto-bind to Figma variables — switch light/dark mode instantly
Light & Dark mode tokens
Token injection into AI contextFull design tokens (colors, typography, spacing, radius, shadows) loaded directly into the AI’s system prompt — pixel-perfect output, not approximations
Icon Libraries
Lucide Icons1,936 clean, consistent icons — the icon pack behind shadcn/ui
Remix Icon3,229 icons covering business, media, development, and more
Total icons available
1,936
5,165
5,165
5,165
Semantic icon searchDescribe what you need in any language — “search icon”, “arama ikonu” — AI finds the best match
Inserted as editable vectorsAll icons inserted as proper Figma vector nodes, fully editable and scalable
Vision & Multimodal
Image attachmentsUpload reference images, screenshots, or wireframes — the AI sees them and builds accordingly
Images per prompt
5
10
20
Max image size per prompt
10 MB
25 MB
50 MB
Screenshots per day
3
Unlimited
Unlimited
Unlimited
AI self-verificationAfter building, the AI screenshots its own output and checks for layout issues, spacing problems, and design system compliance — then fixes them automatically
Code Export
React + Tailwind CSS
Next.js (App Router)
Vue.js (Composition API)
React Native
SwiftUI
Flutter / Dart
HTML + Tailwind CSS
HTML + CSS
React + CSS Modules
Smart component splitting2+ instances or 3+ similar nodes automatically split into reusable components
Inline SVG exportVectors and boolean nodes converted to clean, embeddable SVGs
Real-time code streaming
Advanced Tools
Batch variable operationsCreate, update, or bind dozens of variables in a single prompt
Design system auditAnalyze your design for DS compliance — catch off-spec colors, wrong spacing, missing tokens
Component documentation
Design change tracking
Comments & annotations
Design parity checkCompare your Figma design against DS specs for pixel-perfect consistency
Execute plugin codeRun custom Figma Plugin API code directly — for power users and automation workflows
Team & Collaboration
Team management dashboardCentralized admin panel — invite members, assign roles, track usage across your team
Team usage statisticsSee who’s using what, daily/monthly trends, and mode-level breakdowns
Member invite system
Role management (owner/admin/member)
Standard support
Priority supportDirect access to the Trio team for faster resolution
Custom onboarding
SLA guaranteeUptime and response time commitments for mission-critical workflows
Setup & Infrastructure
npm package installnpm install -g trio-ai2design && trio — two commands, you’re running
Auto port fallback (18920–18929)
Multi-instance supportRun multiple servers side by side on different ports
Local-only processingYour design data never leaves your machine — the Trio server runs entirely on localhost
Real-time tool streamingSee tools executing live in the plugin as your design builds
F.A.Q

Frequently Asked
Questions.

Get answers to commonly asked questions about our plans.

Free Plan

Pro

Team

Enterprise