Skip to main content

Open-Source Alternative to Claude Design — My Hands-On with Open CoDesign

· 3 min read

Claude Design has been getting a lot of attention lately — you give it a prompt and it generates a page prototype instantly, which looks impressive. The problem is it requires a separate subscription, costs money, only works with Claude, and your data lives in the cloud. I started wondering if there's an open-source alternative. There is: Open CoDesign — MIT licensed, runs locally, supports your own API keys. Here's my experience with it.

What It Is​

Open CoDesign is a desktop AI design tool. The core idea is simple: you enter a prompt, it generates a viewable HTML prototype page. It's positioned as an open-source alternative to Claude Design, v0, and Lovable. Key points:

  • Runs locally — your data stays on your machine
  • BYOK (Bring Your Own Key) — supports Claude, GPT, Gemini, and Ollama
  • MIT open-source — free to use; you only pay for your own model's API costs
  • Exports real files — HTML, PDF, PPTX, ZIP, all supported

Deployment​

Requirements​

  • Node.js v22+
  • pnpm 10.x
# Check Node version
node -v

# Install pnpm
npm install -g pnpm@10.33.4

Clone & Install​

git clone https://github.com/OpenCoworkAI/open-codesign.git
cd open-codesign
pnpm install

pnpm install takes a minute or two — wait for it to finish.

Start​

pnpm dev

After a moment, an Electron window will appear. The first time, it asks you to configure a provider — paste in your Claude API key (sk-ant-...), test the connection, and you're ready to go.

How It Feels in Practice​

Generation Speed​

With the Claude API, a medium-complexity page takes about 20–40 seconds to generate. During generation, there's an Agent panel on the left showing what the AI is doing in real time — which files it wrote, which tools it called. It's not a black box, and it's kind of interesting to watch.

Output Quality​

There are 15 built-in demo templates (landing pages, dashboards, pricing pages, chat UIs, etc.) — pick one and tweak the prompt, and you have a solid starting point. It also comes with 12 design skill modules that are automatically selected based on your prompt, so the output doesn't look like that typical generic "AI aesthetic."

Comment Mode​

A genuinely useful feature: click any element in the preview and leave a comment, then let the AI rewrite just that section without having to re-describe the whole page. Much more precise than modifying the prompt from scratch.

AI Sliders​

After generation, the AI automatically identifies "tunable parameters" — like primary color, font size, spacing — and presents them as sliders. No need to write "change the button color to blue" in a new prompt.

vs. Claude Design​

Open CoDesignClaude Design
Open-source✅ MIT❌
Runs locally✅❌ Cloud
Multi-model support✅ 20+❌ Claude only
Price✅ Free (pay your own API)💳 Subscription
Data privacy✅ Local❌ Cloud-processed

Summary​

If you already have a Claude API key, the setup cost is low — worth trying.