Skip to main content
📝 Vibe Design & Vibe Coding

Open Design vs Claude Design: Ich habe den lokalen Klon getestet

Ich habe Open Design, den open-source local clone von Claude Design getestet. Multi-Modell, 71 Markensysteme, keine Obergrenzen. Hier übertrifft es das Tool

7 min

Lesezeit

1,386

Wörter

May 01, 2026

Veröffentlicht

Engr Mejba Ahmed

Geschrieben von

Engr Mejba Ahmed

Artikel teilen

Open Design vs Claude Design: Ich habe den lokalen Klon getestet

Open Design vs Claude Design: Ich habe den lokalen Klon getestet

Ich hätte den repo fast nicht geklont. Es war ein Dienstag, ich hatte drei Client-Builds in der Warteschlange und die Nachricht, die in meinem Posteingang landete, lautete: „Jemand open-sourced Claude Design.“ Mein genauer Gedanke war ja, sicher haben sie das. Ich habe gesehen, wie ein Dutzend „open-source-Klone“ proprietärer Tools als mit Klebeband umwickelte Hüllen um denselben kostenpflichtigen API herum ausgeliefert wurden, den sie angeblich ersetzten. Also habe ich es mit einem Lesezeichen versehen und bin weitergegangen.

Dann schickte mir ein Freund einen Screenshot. Ein Dashboard. Keine generische „AI-Dashboard-Demo“ mit drei Karten und einem gefälschten Diagramm – eine lineare Produktoberfläche mit angemessener Dichte, tatsächlich atmender Typografie und einer Seitenleiste, die aussah, als hätte sie jemand aus einem internen Stripe-Tool gestohlen. Bildunterschrift darunter: „Open Design. DeepSeek v3.1. Kostenlose Stufe. Hat sechs Minuten gedauert.“

Ich habe aufgehört, was ich gerade tat, und habe git clone ausgeführt.

Ich werde Ihnen nun erklären, was in den nächsten vier Testtagen passiert ist. Open Design vs. Claude Design ist kein Funktionsvergleich – es handelt sich um zwei wirklich unterschiedliche Philosophien darüber, wer das Designtool besitzen sollte. Anthropic geht davon aus, dass proprietäres, modellgebundenes und reines Cloud-Design die richtige Form für das AI-Design ist. Das Team von

Nach vier Tagen habe ich eine klare Meinung darüber, welche Wette für welchen Anbieter die richtige ist. Lassen Sie mich Ihnen zeigen, was ich gesehen habe.

Die 30-Sekunden-Version (für The Skim-Leser)

Open Design ist ein Apache 2.0, Local-First, open-source-Klon von Claude Design, der am 28. April 2026 vom nexu-io-Team veröffentlicht wurde – elf Tage nach dem Start des Tools von Es läuft auf dem Code CLI, den Sie bereits installiert haben. Claude Code, Codex, Gemini CLI, Cursor, OpenCode, Qwen, Copilot, Hermes, Kimi Es wird mit 71 integrierten Marken-Designsystemen (Apple, Stripe, Linear, Notion, Nike, Lamborghini, Binance und der Rest dieser Stufe), 19 zusammensetzbaren Fähigkeiten, einer Sandbox-Vorschau und Exporten in HTML, PDF, PPTX, MP4 und ZIP ausgeliefert. Sie können den Web-Layer direkt in Vercel bereitstellen.

Claude Design ist die proprietäre Forschungsvorschau von Anthropic. Nur Cloud. Nur Opus 4.7. Gesperrt hinter einem Pro/Max/Team/Enterprise-Abonnement, das 20 bis 200 US-Dollar pro Monat kostet. Ungefähr ein komplettes Projekt pro Woche, bevor Sie die Soft-Cap erreichen. Die Ausgabequalität ist ausgezeichnet – darüber habe ich in meinem früheren Claude Design ersten Blick ausführlich berichtet – aber sobald Ihre Arbeit real wird, fühlen sich die Kappe und die Modellfixierung wie Stützräder an, nach denen Sie nicht gefragt haben.

Die Überschrift: Wenn Sie für Kunden versenden, eine Agentur leiten oder sich um kommerzielle Rechte und Bindungen kümmern, wird Open Design Ihre Einstellung zu AI-Designtools ändern. Wenn Sie ein Designer sind, der ein möglichst sauberes Chat-to-Prototype-Erlebnis ohne Setup wünscht, ist Claude Design immer noch das bessere Dienstagnachmittags-Tool.

Interessanter wird der Vergleich jedoch, wenn man beide tatsächlich nutzt.

Was Open Design eigentlich ist (und warum es existiert)

Open Design ist kein Agent. Das ist das erste, was mich überrascht hat, und das ist es, was die meisten Bewertungen falsch machen.

Wenn Sie den repo klonen und pnpm tools-dev ausführen, entsteht eine lokale Web-Benutzeroberfläche – die auf Ihrem Computer und nicht in der Cloud ausgeführt wird –, die den Code CLI orchestriert, den Sie bereits installiert haben. Der Agent ist Ihr bestehendes Setup. Open Design ist die Designoberfläche, die Skill-Bibliothek, die Markensystem-Bibliothek und die darum herum gewickelte Export-Pipeline.

Diese architektonische Wahl ist der springende Punkt. Der Aufbau eines wettbewerbsfähigen Programmieragenten im Jahr 2026 ist ein Milliarden-Dollar-Problem. Die Teams, die darin gut sind, sind Anthropic, OpenAI, Google und eine kleine Handvoll Open-Weights-Labors. Die Autoren von Die stärksten Codierungsagenten sind bereits auf Ihrem Laptop installiert. Verdrahten Sie sie mit einem Design workflow, das tatsächlich offen ist.

So sieht das in der Praxis aus. Als ich meinen ersten Test durchführte, wählte ich Claude Code mit Opus 4.7 als zugrunde liegenden Agenten. Dann habe ich das Apple-Designsystem aus der Dropdown-Liste ausgewählt. Dann gab ich Open Design einen Projektnamen, wählte „High-Fidelity“ statt „Wireframe“, wählte „Web“ als Plattform, wählte einen Tonregler irgendwo zwischen „Minimal“ und „Premium“ und passte die Palette in Richtung warmer Neutraltöne an.

Die Eingabeaufforderung, die ich eingegeben habe, bestand aus acht Wörtern: Fitness-Tracking-Dashboard für Läufer und Radfahrer.

Sechs Minuten später hatte ich ein vollständig gerendertes Web-Dashboard im SwiftUI-Stil mit den richtigen Proportionen für ein Apple-ästhetisches Produkt, einem Navigationsmuster, das Apple Health widerspiegelte, Typografieabständen, die direkt aus dem Verhalten von SF Pro übernommen wurden, und einer Farbpalette, die eindeutig Apple war und kein allgemeines Schiefer-und-Blau-Durcheinander. Die Sandbox-Vorschau wurde in einem neuen Tab geöffnet. Ich habe auf eine Schaltfläche geklickt, um das HTML-Bundle zu exportieren.

Da habe ich den Modellwechsel ausprobiert.

Das Feature, über das niemand spricht: On-the-Fly-Modellwechsel

Das ist der Teil, der mir ein wenig den Kopf zerbrochen hat.

In Claude Design verwenden Sie Opus 4.7. Das ist das einzige Modell. Sie können nicht wechseln. Sie können keinen zweiten Durchgang mit einem anderen Modell durchführen, um die Qualität zu vergleichen. Sie können nicht auf ein günstigeres Modell umsteigen, wenn Sie kleine Verbesserungen vornehmen. Opus 4.7 ist der Motor, Punkt.

In Open Design ist das Modell ein Dropdown.

Ich habe mein Fitness-Dashboard mit Opus 4.7 erstellt. Die Architektur war ausgezeichnet – solide Komponentenhierarchie, vernünftige Abstandsmarkierungen, die Art von strukturellem Denken, die Opus derzeit wirklich zu den besten der Welt zählt. Dann habe ich das Modell-Dropdown über Codex auf GPT-5.5 umgestellt und es gebeten, die Typografie zu verfeinern und ein wöchentliches Fortschrittsdiagramm hinzuzufügen. XQPLACEHolder31 Dann wechselte ich erneut zu Gemini und bat ihn, drei alternative Farbpaletten vorzuschlagen.

Der Farbsinn des Gemini unterscheidet sich grundlegend von dem der anderen beiden; Es tendiert zu satteren Mitteltönen und ungewöhnlichen Neutraltönen, zu denen ich mich nie entschlossen hätte.

Am Ende dieser zwanzigminütigen Sitzung hatte ich ein Dashboard, dessen Architektur von Opus, dessen Typografie von Codex und dessen Farbgeschichte von Gemini stammte. Drei Modelle, ein Projekt, eine lokale Umgebung, keine Abonnements pro Modell, da ich auf jeder Ebene meine eigenen API-Schlüssel verwendet habe.

Versuchen Sie das in Claude Design. Das kannst du nicht.

Diese einzige Funktion – die Möglichkeit, das richtige Modell für die richtige Entwurfsphase zu verwenden – wird erfahrene Bediener zu Open Design hinziehen und es ihnen schwer machen, wieder zurückzukehren. Architekturentscheidungen erfordern ein Modell mit strukturellem Geschmack. Für Verfeinerung und Skalierung ist ein schnelles und kostengünstiges Modell erforderlich. Die Erkundung von Farben erfordert ein Modell mit einem anderen ästhetischen Vokabular. Alle drei durch die gleiche Engine zu zwingen, ist keine Funktion – es ist eine Einschränkung, die vorgibt, ein workflow zu sein.

Aber ich bin mir selbst voraus. Lassen Sie mich zunächst eine Gegenüberstellung geben.

Open Design vs. Claude Design: Der Funktionsvergleich

Hier ist der Vergleich, den ich nach dem ersten Testtag für mich selbst erstellt habe. Ich komme immer wieder darauf zurück, wenn mich jemand fragt, mit welchem ​​ich anfangen soll.

Funktion Claude Design Open Design
Lizenz Proprietär Apache 2.0
Hosting Nur Cloud (claude.ai/design) Local-first (läuft auf Ihrem Computer)
Basismodell Opus 4.7 (gesperrt) Jeder CLI-Agent: Claude Code, Codex, Gemini, Cursor, OpenCode, Qwen, Copilot, Hermes, Kimi
Mehrere Modelle in einem Projekt Nein Ja – im Handumdrehen einschalten
Nutzungsobergrenzen ~1 komplettes Projekt/Woche auf Pro-Stufen Keine (nur durch Ihre eigenen API-Schlüsselausgaben begrenzt)
Preise 20–200 $/month (Pro/Max/Team/Enterprise) Kostenloser repo + Ihr eigener API-Schlüsselausgabe
Kostenloser Stufenpfad Keine für Design Die kostenlose Stufe von DeepSeek v3.1 funktioniert vollständig
Integrierte Markendesignsysteme Gener

ic ästhetisch | 71 Markensysteme (Apple, Stripe, Linear, Notion, Nike, Lamborghini, Binance usw.) | | Zusammensetzbare Fähigkeiten | Nur intern | 19 zusammensetzbare Fähigkeiten, vom Benutzer erweiterbar | | Datenschutz / Datenresidenz | Anthropic Wolke | Ihre Maschine, Ihre API Schlüssel, Ihre Daten | | Kommerzielle Rechte | Vorbehaltlich der Anthropic ToS | Apache 2.0 – volle kommerzielle Rechte | | Anbieterbindung | Hoch | Keine | | Formate exportieren | HTML, PDF, PPT, ZIP, Canva | HTML, PDF, PPTX, MP4, ZIP | | Direkte Bereitstellung | Begrenzt | Vercel-Bereitstellung über die lokale Benutzeroberfläche | | Bilderzeugung | Eingebaut | Eingebaut (Ihr Bild-API-Schlüssel) | | Videogenerierung | Nein | Ja (HyperFrames-Modul) | | Claude Design ZIPs importieren | N/A | Ja – eine ZIP-Datei löschen und weiter bearbeiten | | Einrichtungszeit | Melden Sie sich an und klicken Sie auf | XQPL

ACEHOLDER0XQ + pnpm install + .env (~10 Minuten beim ersten Mal) |

Coffee cup

Hat Ihnen dieser Artikel gefallen?

Ihre Unterstützung hilft mir, mehr tiefgehende technische Inhalte, Open-Source-Tools und kostenlose Ressourcen für die Entwickler-Community zu erstellen.

Verwandte Themen

Engr Mejba Ahmed

Über den Autor

Engr Mejba Ahmed

Engr. Mejba Ahmed builds AI-powered applications and secure cloud systems for businesses worldwide. With 10+ years shipping production software in Laravel, Python, and AWS, he's helped companies automate workflows, reduce infrastructure costs, and scale without security headaches. He writes about practical AI integration, cloud architecture, and developer productivity.

Discussion

Comments

0

No comments yet

Be the first to share your thoughts

Leave a Comment

Your email won't be published

4  x  8  =  ?

Weiter lernen

Verwandte Artikel

Alle anzeigen

Comments

Leave a Comment

Comments are moderated before appearing.

Learning Resources

Expand Your Knowledge

Accelerate your growth with structured courses, verified certificates, interactive flashcards, and production-ready AI agent skills.

Sample Certificate of Completion

Sample certificate — complete any course to earn yours

Engr Mejba Ahmed

Engr Mejba Ahmed

Claude Code Expert · Online

👋

Hey there!

Quick Actions

WhatsApp Instant reply

Chat on WhatsApp

+880 1723 741224 · Instant reply

Popular Questions

Engr Mejba Ahmed is connected
Engr Mejba Ahmed is typing...
Engr Mejba Ahmed avatar

✉ Want me to follow up? Drop your email

Engr Mejba Ahmed avatar

📞 Connect Directly

Choose how you'd like to reach me

WhatsApp

+880 1723 741224

Email

[email protected]

✓ Details sent! I'll get back to you shortly.

Powered by OpenAI

335+

Blog Posts

25

AI Courses

63

Projects

Services & Expertise

Pricing & Process

Learning & Resources

Connect & Support