# Starry

> Starry is an AI-native design tool: describe interfaces in natural language and get real, editable, production-ready UI and code (React (JSX) and HTML). Local-first, Figma-compatible, with an MCP server for AI coding agents.

## Overview
- [Starry — Home](https://starry.design/): What Starry is, key features, FAQ, and how to get started.
- [Starry Docs](https://starry.design/docs.html): Guides, tutorials, and reference for using Starry.
- [Starry vs Figma, Stitch, Sketch](https://starry.design/compare.html): Side-by-side comparison of Starry against Figma, Google Stitch, and Sketch across idea-to-UI, Figma import, code export, MCP, and pricing.

## Documentation
- [What is Starry](https://starry.design/docs.html#what-is): An AI-native design editor built on open formats (.fig / .pen) with an AI that works directly on the canvas.
- [Install & open](https://starry.design/docs.html#install): Desktop app (macOS/Windows/Linux, Tauri v2) and browser PWA; system requirements; open your first file.
- [Quick start](https://starry.design/docs.html#quickstart): From blank canvas to a working screen in minutes.
- [Beginner's guide](https://starry.design/docs.html#onboarding): Connect an AI provider, write your first design, export to code.
- [Keyboard shortcuts](https://starry.design/docs.html#shortcuts): Tools, files, editing, and canvas shortcuts.
- [Writing effective prompts](https://starry.design/docs.html#writing): Prompt patterns that produce handoff-ready screens.
- [Auto layout & CSS Grid](https://starry.design/docs.html#auto-layout): Flexbox (Yoga) and CSS Grid layout engine.
- [Exporting code](https://starry.design/docs.html#export): JSX/Tailwind, HTML, SVG, .fig, design tokens, PNG/JPG/WEBP; from editor, CLI, or MCP.
- [Figma interop](https://starry.design/docs.html#figma): Open, copy/paste, and round-trip native .fig files.
- [CLI reference](https://starry.design/docs.html#cli-reference): Headless inspect, analyze, lint, convert, and export.
- [Liquid Glass effect](https://starry.design/docs.html#liquid-glass): Figma-compatible refractive glass effect.
- [Design systems](https://starry.design/docs.html#design-system): Markdown style specs injected into every generation.
- [Components library](https://starry.design/docs.html#components): Reusable components and variants.
- [Variables library](https://starry.design/docs.html#variables): Named colors/numbers/text/booleans with collections and modes.
- [MCP & editor tools](https://starry.design/docs.html#mcp): MCP server for Claude Code, Cursor, Codex, and more.
- [ACP & agents](https://starry.design/docs.html#acp): Host Claude Code / Codex / Gemini CLI on the canvas via ACP.
- [Local-first & collaboration](https://starry.design/docs.html#local): .pen files, Git, and WebRTC live co-editing.
- [Model management](https://starry.design/docs.html#models): 20+ providers, bring-your-own key.
- [Stock photo keys](https://starry.design/docs.html#stockphoto): Pexels / Unsplash fill for generated UIs.

## Comparisons
- [Starry vs Figma, Google Stitch, and Sketch](https://starry.design/compare.html): The AI-native design tool that turns natural language into production-ready UI code (React (JSX) and HTML), imports Figma, and connects your editor via MCP.
- [Starry vs Figma, Stitch, Sketch: a deep dive](https://starry.design/blog/starry-vs-figma-stitch-sketch.html): Long-form, citable comparison and migration notes for teams evaluating design tools.
  - 日本語: https://starry.design/blog/starry-vs-figma-stitch-sketch.ja.html
  - 한국어: https://starry.design/blog/starry-vs-figma-stitch-sketch.ko.html
  - Deutsch: https://starry.design/blog/starry-vs-figma-stitch-sketch.de.html
  - Español: https://starry.design/blog/starry-vs-figma-stitch-sketch.es.html
  - Français: https://starry.design/blog/starry-vs-figma-stitch-sketch.fr.html
  - 简体中文: https://starry.design/blog/starry-vs-figma-stitch-sketch.zh-CN.html
  - 繁體中文: https://starry.design/blog/starry-vs-figma-stitch-sketch.zh-TW.html

## FAQ
- [FAQ](https://starry.design/#faq): Can Starry generate interfaces? Drop exported code into my project? Import Figma? Use it from my editor? Is my data safe? Is it available yet?