1UI

Local-first AI design canvas that exports code and talks to agents

Intermediate API
Screenshot of 1UI, Local-first AI design canvas that exports code and talks to agents

What is 1UI?

1UI is a local-first design canvas with chat-driven layout generation, peer-to-peer collaboration over WebRTC, code export for every frame, and a built-in MCP server that lets Claude Code and other agents edit designs.

1UI is a design canvas positioned as an AI-native alternative to Figma. Instead of bolting generation on through plugins, the canvas itself takes chat instructions: a designer describes a layout, and the tool generates, restyles or refactors it in place. Users supply their own API key, so prompts travel directly to the chosen model provider rather than through a 1UI server. The product is built around a local-first idea. Files live on the user's device by default, and the format is described as .fig-compatible, which is meant to make leaving the tool easy. Collaboration works without a central backend: one person opens a room, shares its ID, and a second person connects over WebRTC while Yjs keeps the document in sync as a CRDT. No sign-up is needed to join a room. The app runs in any modern browser, and a native Mac build made with Tauri is offered for people who prefer a desktop window. The homepage notes that the macOS build is still awaiting Apple notarization, so first launch may need a manual workaround. A second audience is developers who work with coding agents. 1UI ships a built-in MCP server exposing more than 100 design tools, grouped around reading the canvas, creating and modifying layouts, and saving or exporting results. Claude Code, Cursor and other MCP-compatible agents can therefore inspect and edit a design directly rather than only receiving a static mockup. The server supports stdio for local clients and Streamable HTTP for browser extensions and scripts, with authentication on by default and file access limited to the project root. Every frame can also be exported as framework-ready code. In the landscape of design tools, 1UI sits between mainstream cloud-based editors and code-first generators. It suits designers and design-minded developers who value privacy, offline control and agent integration over a large hosted ecosystem. Pricing is a paid subscription or a one-time lifetime purchase rather than a free tier, which should be weighed against established tools with broader plugin libraries and team features.

How do you use 1UI?

  1. 1Create an account
    Sign up on the 1UI site to get access to the app. Pick a plan from the billing page when ready to continue past the start.
    1UI — Create an account
  2. 2Open the canvas
    Launch 1UI in a modern browser, or download the native Mac app after signing up. Both use the same canvas and files.
    1UI — Open the canvas
  3. 3Add your API key and chat
    Enter your own provider key, then describe a layout in the chat panel. The canvas generates and restyles it in place.
  4. 4Invite a collaborator
    Create a room and share its ID. The other person connects directly over WebRTC and edits the document live.
  5. 5Connect an AI agent
    Point Claude Code, Cursor or another MCP client at the built-in server over stdio or Streamable HTTP so it can read and edit your designs.
  6. 6Export frames as code
    Export any frame as framework-ready components, or save images and SVG output for handoff.

Pros and cons

Pros

  • Files stay on the device by default, with .fig-compatible storage that limits cloud lock-inAI
  • Built-in MCP server with 100+ tools lets Claude Code and Cursor read and edit the canvasAI
  • Peer-to-peer collaboration via WebRTC and Yjs needs no account to join and no server in the middleAI
  • Bring-your-own API key sends prompts straight to the provider, not through 1UIAI
  • A lifetime one-time purchase option avoids ongoing subscription costsAI

Cons

  • No free plan is listed; access is through monthly, annual or lifetime paymentAI
  • Native app is Mac only, and it is still awaiting Apple notarization, so first launch needs a workaroundAI
  • Users must supply and pay for their own AI provider API key on top of the 1UI priceAI
  • Local-first, serverless sync means no hosted cloud workspace or central file management for teamsAI
  • The ecosystem and plugin library are likely far smaller than those of established design toolsAI

How much does 1UI cost?

Pricing

Three paid options: Monthly at $29 per month, Annual at $290 per year (two months free), and Lifetime at a $199 one-time payment. All include full access, and the homepage says cancellation is possible anytime.

Learn more

Integrations

Built-in MCP server (stdio and Streamable HTTP) and CLI work with Claude Code, Cursor and other MCP-compatible agents. Uses your own AI provider API key and offers .fig-compatible files.

Features

Chat-driven canvas for generating and restyling layouts, WebRTC and Yjs peer-to-peer collaboration, code export for every frame, a Tauri-based Mac app, local-first storage, browser use, variables, and an MCP server with 100+ tools plus a CLI.

Frequently asked questions about 1UI

  • How much does 1UI cost?
    Three paid options: Monthly at $29 per month, Annual at $290 per year (two months free), and Lifetime at a $199 one-time payment. All include full access, and the homepage says cancellation is possible anytime.
  • Does 1UI have an API?
    Yes, 1UI offers an API.
  • How do you use 1UI?
    The walkthrough on this page covers 6 steps: 1. Create an account 2. Open the canvas 3. Add your API key and chat 4. Invite a collaborator 5. Connect an AI agent 6. Export frames as code.
  • What platforms does 1UI support?
    1UI is available on Web App and MacOS.
  • What does 1UI integrate with?
    Built-in MCP server (stdio and Streamable HTTP) and CLI work with Claude Code, Cursor and other MCP-compatible agents. Uses your own AI provider API key and offers .fig-compatible files.
  • What are the limitations of 1UI?
    No free plan is listed; access is through monthly, annual or lifetime payment. Native app is Mac only, and it is still awaiting Apple notarization, so first launch needs a workaround. Users must supply and pay for their own AI provider API key on top of the 1UI price.

Status

StatusActive
Views0
Outbound clicks0
Added10/8/2026

Platforms

Web AppMacOS

Pricing

SubscriptionPaid

Categories