# 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://app.starry.design/): What Starry is, key features, FAQ, and how to get started.
- [Starry Docs](https://app.starry.design/docs): Guides, tutorials, and reference for using Starry.
- [Starry vs Figma, Stitch, Sketch](https://app.starry.design/compare): Side-by-side comparison of Starry against Figma, Google Stitch, and Sketch across idea-to-UI, Figma import, code export, MCP, and pricing.
- [Download Starry](https://app.starry.design/download): macOS desktop builds (Apple silicon and Intel), current version, file size, checksums, system requirements, and first-launch instructions.

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

## Comparisons
- [Starry vs Figma, Google Stitch, and Sketch](https://app.starry.design/compare): 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://app.starry.design/blog/starry-vs-figma-stitch-sketch): Long-form, citable comparison and migration notes for teams evaluating design tools.
  - 日本語: https://app.starry.design/blog/starry-vs-figma-stitch-sketch.ja
  - 한국어: https://app.starry.design/blog/starry-vs-figma-stitch-sketch.ko
  - Deutsch: https://app.starry.design/blog/starry-vs-figma-stitch-sketch.de
  - Español: https://app.starry.design/blog/starry-vs-figma-stitch-sketch.es
  - Français: https://app.starry.design/blog/starry-vs-figma-stitch-sketch.fr
  - 简体中文: https://app.starry.design/blog/starry-vs-figma-stitch-sketch.zh-CN
  - 繁體中文: https://app.starry.design/blog/starry-vs-figma-stitch-sketch.zh-TW

## FAQ
- [FAQ](https://app.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?