Roadmap

Chakra UI, Ant Design, Mantine, IBM Carbon, iOS HIG — full token sets and specs.

Upload an app usage video — AI extracts screens and builds the prototype.

Access all Trio capabilities via REST API. CI/CD pipelines, token sync, code gen.

Create an entire project, not just a page. Multiple screens from a single prompt.

Shared AI assistant for your team. Same DS, same templates, same settings.

20,000+ icons total. Heroicons, Tabler, Phosphor, Simple Icons joining the library.

Get code, tests, and documentation together. .stories.tsx and test files included.

Light, dark, and custom themes — instantly with AI. Auto contrast-safe conversion.

AI analyzes your project context and suggests the right components before you ask.

Auto-extract DB schemas from form and table designs. TypeScript, SQL, GraphQL, Prisma.

11 frameworks, 11 different worlds. Svelte's reactivity and Angular's enterprise power.

Full integration with Figma's most powerful feature. Multi-brand, scoping, expressions.

Design changed? Specs auto-update. Two-way sync between Figma and DS.

Cmd+Enter to send, Cmd+K for command palette, and experimental voice input.

Export your tokens in universal W3C DTCG format. Style Dictionary compatible.

Integrate with Figma's multiplayer. Conflict detection and team awareness.

Union, subtract, intersect, exclude. Create complex shapes from simple ones.

Agencies and SaaS platforms can offer Trio under their own brand.

Bring your own design system as JSON. AI will follow your tokens and specs.

Android developers, your turn. 10th framework with full MaterialTheme mapping.

Every prompt is saved. Go back, compare side by side, repeat your favorites.

Same design, different languages — automatically. RTL, text expansion, font fallback.

WCAG 2.2 AA compliant design with zero effort. Contrast, touch targets, semantics.

Define micro-interactions in natural language. Sequential animation chains in Prototype Mode.

Generate production-ready code in 9 frameworks from your Figma designs.

Create Figma prototype connections with natural language. 8 triggers, 8 effects.

AI colors auto-bind to Figma variables. Dark mode works with zero effort.

Tailwind-based shadcn/ui with 32 full component specs. Trio's first design system.

5,165 icons from Lucide and Remix. Natural language search, auto color matching.

Google's MD3 system with 27 component specs, full color and typography tokens.

Send a reference image, let AI design accordingly. Upload, paste, or drag-and-drop.

Email and magic link sign-in. 4 tiers: Free, Pro, Team, Enterprise.

Modern AlignUI with 41 components. Semantic colors, full token set.

npm install -g trio-ai2design && trio — macOS, Linux, and Windows support.

Light/dark mode, paint styles, and automatic style application with Figma variables.

Deeper design tree extraction, stronger CSS mapping, smarter component splitting.

Frame, text, shape, component, layout, style, variable, icon, DS — everything covered.

shadcn/ui and AlignUI elevated to production quality. Full spec compliance.

AI follows 10 unbreakable rules. 8px grid, semantic naming, auto-layout enforcement.

Faster font loading, efficient token application, queue management for prompts.

New frames automatically placed to the right, no overlap with existing designs.

Visual cards for 9 frameworks. Last used framework auto-remembered.

Cancel the current AI response instantly with a single click.