Het open-source alternatief voor Claude Design

Claude Design is goed. We hebben het gebruikt voor echte briefings. Dat we in plaats daarvan een open-source laag hebben gebouwd komt niet doordat Anthropic een slechte tool heeft uitgebracht — dat hebben ze niet. Het komt doordat closed-source, alleen-gehoste designtooling van $20 tot $200 per maand de verkeerde vorm heeft voor het komende decennium aan designwerk. Dit bericht is het eerlijke verhaal over Claude Design vanuit een team dat in dezelfde categorie levert: wat het is, waar het je vastzet, hoe het open-source alternatief er echt uitziet, en welke je dit kwartaal zou moeten kiezen.

Wat Claude Design eigenlijk is

Claude Design kwam in april 2026 uit Anthropic Labs. Het is een conversationele designtool aangedreven door Claude Opus 4.7: chat aan de linkerkant, canvas aan de rechterkant. Je beschrijft wat je wilt, Claude genereert een ontwerp, en je itereert via opmerkingen, inline-bewerkingen en promptverfijningen.

Het doet vier dingen goed:

• Prototypes vanuit proza. Onboardingflows, instellingenpagina's, adminpanelen, checkoutvarianten — vijf minuten van prompt tot interactief scherm.
• Codebase-bewustzijn. Importeer een GitHub-repo of koppel een lokale map en de prototypes gebruiken jouw echte componenten, jouw tokensysteem, jouw conventies.
• Merkintegratie. Stel één keer een design system in en elk project pikt automatisch de kleuren, typografie en componentpatronen op.
• Overdracht naar Claude Code. De knop "build this" brengt het prototype naar productieklare code in hetzelfde browsertabblad.

Exports omvatten Canva, PDF, PPTX, HTML en losstaande URL's. De prijsstelling is gebundeld — Claude Pro voor $20, Max voor $100–$200, Enterprise in de gebruikelijke neem-contact-op-laag. Het is momenteel een research preview voor betalende Claude-abonnees.

Als je de officiële tutorial leest, is de workflow die Anthropic beschrijft dezelfde die Open Design levert: een briefing, een richting, een artefact, een overdracht. De verschillen zitten een laag dieper.

Waar het je vastzet

Claude Design draagt vier stukken lock-in die het vermelden waard zijn, omdat de marketingpagina's dat niet doen.

Het model ligt vast. Elke render gaat via Claude. Niet Claude of een model waarvoor je al hebt betaald — alleen Claude. Als jouw team een contract heeft met GPT, Gemini of DeepSeek, of als je zelf host op Ollama voor gevoelige briefings, dan vertalen die workflows niet. De tokenkosten rijden voor altijd mee op de prijscurve van Anthropic.

De runtime is gehost. Jouw prompts, jouw design system en jouw codebase-context reizen allemaal naar de servers van Anthropic. Voor bureauwerk of pre-launch creatief werk onder NDA is dat elke keer een inkoopgesprek. Zelf hosten is geen optie in de research preview, en de aankondiging verplicht zich er niet toe.

De skills zijn niet van jou. Het gedrag van Claude Design wordt bepaald door prompts en tools die binnen Anthropic leven. Je kunt ze niet forken, auditen of er een vervangen. De "skills" die Anthropic uitbrengt in Claude Skills zijn aanverwant maar apart; de design-specifieke tooling is intern.

De rekening is een abonnement. $20–$200/maand per seat is prima voor een solo-ontwerper, pijnlijk voor een team van twintig, en een non-starter voor de twaalf open-source-bijdragers die anders dezelfde workflow zouden oppakken.

Geen van deze zijn bugs in Claude Design. Ze zijn de vorm van een gehost product. Anthropic optimaliseerde voor de mediane Pro-abonnee. Wij zijn niet de mediane Pro-abonnee.

Het open-source alternatief

Open Design (deze site) is een andere weddenschap. Het is geen kloon van Claude Design — het is een dunne skill-laag die de coding agent die je al gebruikt verandert in een designengine. De vier primitieven zijn skills, systems, adapters en de daemon. Elke skill is een SKILL.md-bestand. Elk design system is een DESIGN.md-bestand. Elke agent-adapter is ~80 regels TypeScript.

Wat er vandaag standaard meekomt:

• 123 skills — deckgeneratoren, mobiele mockups, redactionele pagina's, Word/Excel/PPT, merkverkenningen
• 148 design systems — draagbare Markdown-versies van Linear, Vercel, Stripe, Apple, Cursor, Figma, plus een lange staart
• 16 coding-agent-CLI's automatisch gedetecteerd op jouw $PATH — Claude Code, Codex, Cursor, Gemini, OpenCode, Copilot, Devin, Hermes, Pi, Kimi, Kiro, Qwen, DeepSeek TUI, Qoder, Mistral Vibe, Kilo
• Vergrendelde workflow in vier stappen — vragenformulier → richtingkiezer → live planstream → gesandboxte iframe-preview
• BYOK standaard — plak een willekeurige OpenAI-compatibele base_url en sleutel, jouw tokens gaan rechtstreeks naar de provider
• Apache-2.0, geen aanmelding, draait op pnpm tools-dev

Het mentale model: Claude Design is een product. Open Design is een laag.

Naast elkaar

	Claude Design	Open Design
Licentie	Propriëtair	Apache-2.0
Runtime	Gehost (Anthropic)	Lokale daemon (pnpm tools-dev) + optionele Vercel-deploy
Modellen	Alleen Claude	Elk OpenAI-compatibel endpoint + 16 gedetecteerde CLI's
Skills	Intern	123 forkbare SKILL.md-mappen
Design systems	Merkinstelling per project	148 draagbare DESIGN.md-bestanden
Codebase-context	GitHub-import + lokaal	Op skill-niveau, echte werkmap
Prijsstelling	$20 / $100 / $200 / Enterprise	Gratis; je betaalt je modelprovider rechtstreeks
Overdracht	Claude Code (in-app)	Elke agent op $PATH, plus HTML / PDF / PPTX / ZIP exports
Zelf te hosten	Nee	Ja (laptop of Vercel)
Datapad	Prompts → Anthropic	Prompts → jouw gekozen provider; niets via ons

De eerlijke samenvatting: Claude Design heeft de meest gepolijste enkelvoudige-productervaring. Open Design ruilt het gepolijste enkelvoudige-productoppervlak in voor een bibliotheek — meer skills, meer systems, meer agents, ontworpen om te combineren met de agent die al op jouw laptop staat.

Wie zou wat moeten kiezen

Als je…	Kies
Een solo-PM bij een bedrijf dat al op Claude Pro zit en vóór de lunch een prototype nodig heeft	Claude Design. De $20/maand is al uitgegeven; de interface is echt snel.
Een enterprise-designteam waar Anthropic de inkoop al heeft goedgekeurd	Claude Design. Je hebt de integratiekosten één keer betaald; benut ze.
Een solo-ontwerper die "Claude Design maar gratis" wil	Open Design. Gratis, en je bezit de workflow in plaats van hem te huren — richt het op een model waarvoor je al betaalt en het eerste deck duurt ongeveer tien minuten.
Een design engineer die Claude Code, Codex of Cursor al vanuit de terminal aanstuurt	Open Design. Jouw agent is de designengine; de skill-laag voegt smaak en structuur toe zonder een nieuwe app.
Iedereen die BYOK, modelkeuze midden in een project of alleen-lokaal voor gevoelige briefings nodig heeft	Open Design. De realiteit is ruwer dan de marketing, maar het contract is het enige dat ook echt standhoudt.
Een open-source-bijdrager die een nieuwe design-skill wil leveren die het project kan overnemen	Open Design. Plaats een map, herstart de daemon, stuur de PR.
Een team dat standaardiseert op een draagbaar design system dat tool-verloop overleeft	Open Design. DESIGN.md-bestanden overleven de tool die ze leest.

De dimensie die het voor de meeste teams bepaalt is niet kwaliteit. Het is of je de workflow liever huurt of bezit.

Wat je nu moet doen

Als je wilt voelen hoe het is om de workflow te bezitten voordat je geld uitgeeft aan een Pro-abonnement, draai de quickstart met drie commando's en richt hem op het model waarvoor je al betaalt. Het geheel leeft in één repo en het eerste deck duurt ongeveer tien minuten.

Probeer de open-source workflow.

Verwante leesstof

• Waarom we Open Design hebben gebouwd als een skill-laag, niet als een product — het langere manifest achter de weddenschap "laag, geen product"
• BYOK design-workflow — draai Claude, Codex of Qwen op je eigen sleutel — het kostenplaatje achter het kiezen van je eigen model
• BYOK reality check — vijf dingen die kapotgaan — wat het open pad vandaag echt breekt, en de workarounds