Atelier is a desktop app that turns a chat into a real working prototype built only from your custom UI components.
Designers, product managers and partners get real, clickable screens. Engineers get production-ready code they can actually ship.
Download for macOS, Windows or Linux · How it works · Security and privacy
One sentence in, a working support inbox out, built only from Radix Themes. Waiting time is sped up.
Most AI app builders give you something that looks like a generic template. Then an engineer has to rebuild it before it can go anywhere near your product. Atelier works the other way round.
- Your components, nothing else. Import your component library and Atelier builds every screen from it. A built-in check flags anything that slips outside your design system.
- Real, running apps. Each prototype is a live app with working navigation, state and interactions, not a static mockup.
- Code engineers can use. The output is a plain git repository with readable code and a full version history.
- Runs on your computer. Your apps, code and keys stay on your machine. Choose a cloud model or run one locally.
| 🎨 Designers | Explore ideas in the real components instead of redrawing them. Fine-tune by clicking on the page: change text, reorder elements, or ask the AI to adjust one part. |
| 📋 Product managers | Turn a feature idea into a clickable prototype in minutes. Bring it to user testing or stakeholder reviews without waiting for a sprint. |
| 🤝 Partners, agencies and SDK users | Build on-brand screens that follow your platform's design system from the first draft, without learning its internals. |
| 🛠️ Engineers | Get prototypes as normal React, Vue or Angular projects that use the same components as production. Read the diff, then lift the code into the product. |
| 🧩 Design system teams | Decide which components are in play, add usage guidelines, and see the exact rules the AI receives. Every screen is checked against your system. |
Turn on the select tool and click anything in the preview. Double-click text to rewrite it right on the page, then save: Atelier updates the source code and makes a new version.
Select an element and tell the AI what to change. The element is sent with your request, so the AI changes the right thing and leaves the rest alone.
Every change is saved as a version. Look back through the history and restore any earlier state; restoring is itself a new version, so you can always undo it.
- Import your design system. On first launch a short setup walks you through it. Point Atelier at your npm package, public or private, or at a local folder, or click a popular library to try it. It reads every component and its props, plus your styles, tokens and theme provider.
- Describe what you want. Atelier builds a starter app that loads your design system, then writes the screens you ask for.
- Refine. Keep chatting, edit directly in the live preview, or open the code.
- Hand off. Each app is a plain git repository on your computer, ready for an engineer to pick up.
The component catalog: choose which components the AI may use and describe how to use them.
- Frameworks: React, Vue 3 and Angular (17 to 22).
- Design systems: any component library published as an npm package with TypeScript types, such as Radix Themes, MUI, Mantine, Vuetify, PrimeVue, Element Plus, PrimeNG or Angular Material. Vuetify, PrimeVue, PrimeNG and Angular Material are set up automatically.
- Your own starter app: import your product shell as a template, from a folder or a git repository, so prototypes look and feel like the real product.
- Nothing else to install: Atelier ships with its own Node.js and git.
Use Claude for the best results, or keep everything on your computer with a free local model.
Supported providers: Anthropic (Claude), Ollama, LM Studio, OpenRouter, Groq, Google Gemini, Mistral, and any OpenAI-compatible server such as vLLM or llama.cpp. See AI models.
Connectors let the AI look things up while it builds: a design in Figma, a component's documentation in Storybook, or any tool that speaks the Model Context Protocol (MCP). With the Figma connector set up, paste a Figma link into the chat and Atelier builds that design from your components. See Connectors.
Atelier bundles Invariant UI, which turns a design system into a contract of components, tokens and approved UX patterns. The AI reads the contract while it builds, each turn's code is checked against it, and the workspace's Compliance tab shows the results. See Compliance.
- Local first. Apps, code and settings live on your computer. There is no Atelier account and no Atelier server.
- Keys stay protected. API keys and registry tokens are encrypted with your operating system's keychain. Each key is only ever sent to its own provider.
- Private registries. Import design systems from your company's private npm registry.
- Guard rails. The AI can only write inside the app's folder, and package names are checked before anything is installed.
- Your choice of model. Use an approved cloud provider, or keep prompts and code on your computer with a local model in Ollama or LM Studio.
Read the full security notes.
Download the installer for your computer from the latest release.
| Platform | File |
|---|---|
| macOS (Apple silicon) | Atelier-<version>-mac-arm64.dmg |
| macOS (Intel) | Atelier-<version>-mac-x64.dmg |
| Windows | Atelier-<version>-win-x64.exe |
| Linux | Atelier-<version>-linux-x86_64.AppImage |
Atelier isn't code-signed yet, so your computer shows a warning the first time you open it:
- macOS: drag Atelier to Applications and open it. Builds are signed and notarized.
- Windows: in the SmartScreen dialog, click More info → Run anyway.
- Linux: run
chmod +x Atelier-*.AppImage, then open the file.
Updates: Atelier checks for new versions on launch and every few hours, downloads them in the background, and shows a restart button in the sidebar. Check by hand under Settings → Version. Builds before the updater (0.5.x and older) need one manual download.
Atelier is in early development (0.x). React works end to end. Vue and Angular support importing, building, previewing and Invariant UI compliance checks. Expect rough edges, and please open an issue when you find one.
- Importing a design system
- Building in the workspace
- Templates and Node.js
- AI models
- Connectors
- Compliance with Invariant UI
- Security
- Contributing: run from source, run the tests, and make releases.
Atelier is released under the Functional Source License, Version 1.1, MIT Future License (FSL-1.1-MIT). It includes open-source components under their own licenses; see third-party notices.
- You can use Atelier for any purpose, including at work and inside your company, and read, change and share the code.
- You can't use the code to offer a commercial product or service that competes with Atelier.
- Each version becomes MIT two years after its release.
See fsl.software for more about the license.