Your AI design partner.
The design tool built for AI collaboration. Local-first, powered by ACP & MCP — turning natural language into precise UI specs and production code.
Where Starry shines
Built for these scenarios
No code, no blank canvas — describe the interface you want, and Starry's AI generates it for you.
Design a botanical skincare brand website with a warm, natural look and restrained use of whitespace.
Type
Style
Explore what you can create
Marketing landing page / website
Data dashboard / admin panel
Mobile app UI (login, e-commerce, onboarding)
Design system / component library
Rapid prototype / MVP validation
Who it's for
Who is Starry for?
For designers, developers, and product teams.
Product designers
Explore ideas quickly and refine every detail on an editable canvas.
Frontend developers
Export designs to React or HTML and continue building in your own project.
Product managers & founders
Turn product ideas into interface prototypes you can discuss and validate.
AI workflow builders
Connect Starry to your tools and workflows through MCP, ACP, or the CLI.
AI-native design workflow
Built on Three Core Pillars
Starry redefines the workflow by making the canvas intelligent, verifiable, and seamlessly connected to your codebase.
ACP
Starry 连接智能体
Powered by the Agent Client Protocol (ACP). Chat directly with the canvas. AI natively reads, writes, and generates auto-layout design systems from natural language.
CLI
命令行连接设计文件
Design files are code. Use the CLI to batch-export assets, detect typography violations, and diff design changes automatically during code review.
MCP
AI 工具连接 Starry
Connects seamlessly to AI coding tools like Cursor and Claude via the Model Context Protocol. Generate accurate UI code instantly without leaving your editor.
YOUR TOOLS01 — 07
MCP
Cursor
MCP / ACP
Claude Code
MCP / ACP
OpenAI Codex
MCP
Visual Studio Code
MCPWorkBuddy
ACPGemini CLI
MCPTrae
Everyone's AI design companion
From design to production code
Designs are never stranded. Starry turns any artboard into clean, handoff-ready React (JSX) and HTML — pixel-perfect and ready to ship.
design.pen → index.html
Export
Starry
Simple, transparent pricing
$0
POPULAR
$29/mo
Custom
●Generated
tailwind · react
<!-- pricing-card -->
export default function PricingCard() {
<section className="grid grid-cols-3 gap-4">
<article className="rounded-lg border p-4">
<h3>$0</h3>
<ul>
· auto-layout
· tokens
</ul>
</article>
<article className="rounded-lg border-2 border-slate-900 p-4 shadow">
<span className="badge">POPULAR</span>
<strong>$29/mo</strong>
<button className="btn-primary">Get started</button>
</article>
<article className="rounded-lg border p-4">
</article>
</section>
}
Pixel-perfect
Layout, spacing, and style tokens transfer exactly as designed.
Multi-framework
Export React (JSX) and HTML
Round-trip editable
Keep editing in code or canvas — Starry stays in sync both ways.
More room to create
Make ideas feel real.
From a flat canvas to a polished presentation, bring more of your process into Starry.
01 / MOCKUPS
Your design, in its element.
Place your artboard in a phone or laptop mockup. Adjust the view, light and reflections, and explore a folding device from 0° to 180°.
02 / EFFECTS
A little more imagination.
Shape the mood with mesh gradients, liquid chrome, glass refraction, motion blur and Mercury Shape.
03 / WEB + CANVAS
The web belongs on your canvas.
Open a local HTML file in Starry and keep the page with your design document. Bring the web into the same space as your creative work.
UntitledShare
Website
Ask StarryAI to create anythingType Style
100% ⌄
Find it. Place it. Keep creating.
Your assets, right on the canvas.
Connect an Eagle library (read-only) and pick from 300,000+ Iconify icons. Drag assets onto the canvas or use them to fill a shape.
Drop to place on canvas
使用素材时，请遵守各素材来源对应的许可协议与使用要求。
20+ AI providers · bring your own key
Connect the models you already trust
Starry doesn't sell model credits. Paste your own API key and call the provider directly — your key stays on your device and never touches Starry's servers. No key? The editor still works; only the AI chat is locked.
OpenRouter
Anthropic
OpenAI- Google AI
DeepSeek
Z.ai
MiniMax
Qwen
Doubao
Kimi
Baichuan
StepFun
xAI
Mistral
Cohere
Perplexity
Starry connects 20+ AI providers with bring-your-own-key (BYOK): OpenRouter, Anthropic (Claude Sonnet 4.6, Opus 4.6), OpenAI (GPT-5.3 Codex, o3), Google AI (Gemini 3.1 Pro), DeepSeek, Z.ai (Zhipu GLM-5.1), MiniMax, Alibaba Tongyi Qwen, ByteDance Doubao, Moonshot Kimi, Baichuan, StepFun, xAI (Grok 3), Mistral, Cohere, Perplexity — plus any OpenAI-compatible endpoint. One OpenRouter key unlocks 100+ models. Your key is stored locally; Starry calls providers straight from your device.
Feature comparison
How Starry compares
Figma
AI generationStart from a blank canvas
HandoffHandoff only — no components
Migration— (it is Figma)
Ease of useNeed to learn the canvas
AI integrationNo native MCP
CollaborationYes (multiplayer)
PricingFree tier + $12+/editor
Starry
AI generationOne sentence → editable UI
HandoffReact (JSX) and HTML, ready to ship
MigrationNative import, no lock-in
Ease of useYes — plain language
AI integrationMCP → editor · ACP → agents
CollaborationPro (WebRTC)
PricingFree
Stitch
AI generationText to UI
HandoffCode snippets
MigrationNo native import
Ease of useYes — text to UI
AI integrationNo
CollaborationYes (Google)
PricingFree (Google account)
Sketch
AI generationDraw by hand
HandoffSketch / PDF export
MigrationImports Figma files
Ease of useNeed to learn Sketch
AI integrationNo native MCP
CollaborationYes (Sketch Workspace)
Pricing$10 / editor / mo
Accuracy checked Aug 2026. Feature availability may change — verify on each vendor's site.
Loved by builders
Teams ship faster with Starry
★★★★★
"Starry finally closed the gap between our Figma files and production code. The MCP integration with Cursor means our designers and engineers work on the same canvas."
Lena M.
Design Lead, SaaS Startup
★★★★★
"I generate an entire settings screen from a prompt, then export clean React. What used to take a day of back-and-forth now takes minutes."
Devon K.
Frontend Engineer
★★★★★
"I describe the screen in plain language, Starry draws it, and production-ready code follows automatically. My whole workflow now lives in one tool."
Aiko R.
Independent Designer
FAQ
Frequently asked questions
Yes. Describe what you want in plain language and Starry's AI generates the interface - layout, components, and auto-layout - then exports production-ready code (React (JSX) and HTML). It's a real, editable, runnable UI, not a static mockup.
Yes. Starry exports clean, production-ready code (React (JSX) and HTML) with layout parity to the canvas. The code is yours - drop it into your project, no lock-in.
Yes. Starry imports native .fig files - vectors, text, and styles transfer faithfully, and you can keep refining in either tool.
Yes. Starry runs an MCP server so AI coding tools like Cursor, Claude Code, and Codex can read and write your canvas - generate UI code from your editor without switching context.
Yes. Starry is local-first: files stay on your machine by default and work with Git. Cloud collaboration is optional and end-to-end encrypted.
Starry is now available. Download it free and start designing with AI today.
Pricing
Start creating for free
Explore Starry today. More options are on the way.
Free
$0 for now
Download Starry and start designing with AI for free.
- AI-powered design canvas
- Connect with ACP, MCP and CLI
- Create mockups
- Build interactive prototypes
- Turn designs into code
- Work with local design files
Paid plans
On the way
Paid plans are coming. Pricing and details will be announced later.
Planned directions
- More advanced creative capabilities
- More powerful workflows
- More possibilities to come
Start building with Starry
The canvas becomes the document. The design becomes code. Join the next generation of product creation.