Setup guide
Claude Design Clone
landing pages, and UI layouts using Claude Opus 4.7 – but it's locked behind a paid Pro/M ax/Team plan. Open CoDesign is the free, open-source version built by the developer community. It does
Claude Design is Anthropic's powerful AI design tool that generates prototypes, slides,
landing pages, and UI layouts using Claude Opus 4.7 – but it's locked behind a paid Pro/M ax/Team plan. Open CoDesign is the free, open-source version built by the developer community. It does everything Claude Design does – but runs on your own computer, uses your own API key, and costs nothing to download. ✅ Free to download and use ✅ W orks with Claude, DeepSeek, Gemini, and even o ine (Ollama) ✅ Your data stays on your device – nothing is sent to Anthropic's cloud
✅ M IT License – fully open source
Requirem ent Details
A computer W indows, macOS, or Linux
Internet connection For downloading and using AI APIs
An API key From Anthropic, OpenAI, or any supported provider
minutes That's all it takes
/g0 No coding knowledge needed. This guide is written for complete beginners.
Choose the command for your operating system and run it in your Terminal (M ac/Linux) or Command Prompt (W indows).
brew install --cask opencoworkai/tap/open-codesign
Don't have Homebrew? Install it rst at brew.sh
Open CoDesign Setup Guide
Free Alternative to Claude Design – Beginner-Friendly
W hat Is Open CoDesign?
W hat You Need Before Starting
Download and Install
macOS
winget install OpenCoworkAI.OpenCoDesign
Open Command Prompt (search "cmd" in Start M enu) and paste this command.
Download the .AppImage, .deb, or .rpm le directly from
/g0 github.com/OpenCoworkAI/open-codesign/releases
You need an API key so the app can talk to an AI model. Here are your options:
Provider Cost Quality Best For
Anthropic (Claude Opus 4.7) Pay per use Highest Best results, same as Claude Design
DeepSeek V4 Very cheap High Budget-friendly, great quality
Gemini 2 .5 Flash Low cost Good Fast generation
Ollama (local) Free Medium Fully offline, no cost at all
. Go to console.anthropic.com . Sign up or log in
. Click "API Keys" in the left menu
. Click "Create Key" – copy and save it somewhere safe
. Open the Open CoDesign app
. On the rst screen, click "Add API Key"
. Select your provider (e.g. Anthropic)
. Paste your API key and click Save
/g0 If you already use Claude Code on your computer, click "Import from Claude Code"
- it will automatically pull your existing key in one click.
W indows
Linux
Get Your API Key
How to get an Anthropic API key (recommended)
Connect Your API Key
Once connected, you'll see the main design screen. Here's how to use it
. Type your prompt in the center panel Example: "Create a landing page for an AI autom ation tool with a dark them e"
. Choose a Design Skill (optional but recommended)
Open CoDesign includes 12 pre-built skills
Skill W hat It Creates
Slide Deck Presentation slides
Dashboard Data dashboard UI
Landing Page Marketing website section
Hero Hero banner section
Pricing Pricing table
Chat UI Messaging interface
Data Table Structured data display
SVG Chart Vector chart/graph
Glassmorphism Frosted glass UI style
Editorial Typography Article/blog layout
Footer W ebsite footer
Calendar Calendar/schedule UI
. Click Generate and wait 10 -30 seconds
. Export your design in your preferred format
HTM L (usable directly in a browser)
PPTX (PowerPoint)
ZIP (all les bundled)
M arkdown W ant to use Open CoDesign without spending any money on API calls? Use Ollama – a tool that runs AI models locally on your computer.
Create Your First Design
Use It O ine (Optional, Free)
brew install ollama
ollama pull qwen2.5-coder:32b
. Inside the app, go to Settings → Provider
. Select "Custom Provider"
. Enter this URL: http://localhost:11434/v1
. Click Save
⚠ Ollama requires a decent computer (8GB+ RAM recommended). Results are good for simple designs but may vary for complex ones.
Feature Claude Design Open CoDesign
Price Paid plan required Free (BYOK)
Runs on Anthropic cloud Your computer
W orks offline ❌ No ✅ Yes (with Ollama) Supported models Claude Opus 4.7 only Claude, GPT, Gemini, DeepSeek, Ollama Data privacy Stored on Anthropic servers Stays on your device
Export formats PDF, PPTX, URL, Canva HTML, PDF, PPTX, ZIP, Markdown
Canva integration ✅ Native ❌ Not yet
License Proprietary MIT (fully open source)
App won't open on macOS?
Right-click the app icon → click "Open" → conrm. macOS sometimes blocks apps not from the App Store.
API key not working?
M ake sure you copied the full key with no extra spaces. Also check your Anthropic account has billing enabled. Generation is slow? Switch to a faster model like Gemini 2.5 Flash or DeepSeek V4 in Settings → Provider. W ant better quality? Use Claude Opus 4.7 via Anthropic API – it's the same model that powers the o cial Claude
Install Ollama (macOS)
Connect Ollama to Open CoDesign
Claude Design vs Open CoDesign
Common Issues & Fixes
Design. Be speci c in your prompts. Instead of "make a landing page," say "make a dark-themed landing page for an AI tool with a hero section, features list, and CTA button." Use Design Skills – they dramatically improve output quality by pre-optimizing the prompt for each layout type. Iterate fast – regenerate the same prompt with small tweaks to compare outputs side by side.
Export as HTM L for the most exibility - you can open it in a browser and share it
directly. Open CoDesign is an open-source project m aintained by the com m unity. For updates, visit github.com/OpenCoworkAI/open-codesign
Tips for Best Results
Final checklist
- The required app, command, or service opens correctly.
- Credentials are stored outside public files and screenshots.
- A small test run completes before you use the setup for real work.
- You know where logs, output files, and error messages are stored.