Setup tutorial by Sriram

Claude Design Clone

Follow the setup tutorial below, then use the final checklist before relying on it in a real workflow.

  • Practical setup
  • Beginner-readable
  • Business workflow focus
Work with Sriram

Turn your manual process into a smart automation.

Send your requirement and get a tailored AI automation blueprint built for your business. No fluff, just what actually works.

Get this built for my business

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)

PDF

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.
Sriram Varadarajan Sriram VaradarajanReplies personally

Want this connected to your real business workflows?

The guide helps you set up the tool. The bigger advantage comes from knowing which automations are worth building for your business.

Map my automation