Die Open-Source-Alternative zu Figma

Figma ist hervorragend. Wir liefern damit seit Jahren echte Arbeit aus, und dies ist kein „Figma ist tot"-Beitrag – ganz und gar nicht. Dass wir eine Open-Source-Schicht gebaut haben statt einer weiteren Leinwand, ist keine Klage über Figmas handwerkliche Qualität. Es ist eine Wette darauf, dass das nächste Jahrzehnt der Designarbeit weniger nach einem Cursor auf einer unendlichen Leinwand aussieht und mehr nach einem Agenten, für den du ohnehin schon bezahlst und der einen Workflow antreibt, den du wirklich besitzt. Dieser Beitrag ist die ehrliche Einschätzung von Figma aus der Sicht eines Teams, das in derselben Kategorie baut: was es am besten kann, wo es dich einsperrt, wie der Open-Source-Weg tatsächlich aussieht und wozu du in diesem Quartal greifen solltest.

Was Figma eigentlich ist

Figma ist das standardmäßige kollaborative Designwerkzeug. Eine Echtzeit-Multiplayer-Leinwand im Browser, mit Dev Mode für die Übergabe, FigJam fürs Whiteboarding, einem tiefen Plugin-Marktplatz und einer wachsenden Sammlung von KI-Funktionen, die an dieselbe Oberfläche angeschraubt sind. Die Preisgestaltung erfolgt pro Platz und pro Monat, gestaffelt nach Rolle und Organisation.

Ein paar Dinge macht es besser als alles andere:

• Echtzeit-Zusammenarbeit auf der Leinwand. Fünf Leute in einer Datei, Cursor live sichtbar, Kommentare direkt an Ort und Stelle. Nichts im Open-Source-Bereich erreicht diese Multiplayer-Politur.
• Pixelgenaue Vektorarbeit. Auto Layout, Constraints, Varianten, Komponenten – die Leinwand-Primitive sind ausgereift und das Muskelgedächtnis sitzt tief.
• Ein riesiges Plugin-Ökosystem. Ein Jahrzehnt an Drittanbieter-Plugins, Community-Dateien und Vorlagen, die du sofort einsetzen kannst.
• Eine Übergabe, die Teams bereits kennen. Dev Mode, Inspect, Redlines und ein Workflow, auf den Engineering seit Jahren trainiert ist.

Wenn deine Arbeit darin besteht, dass eine Designerin präzise Screens malt, die andere Menschen auf einer gemeinsamen Leinwand reviewen, ist Figma immer noch die Antwort, und eine gute dazu. Die Unterschiede, die wirklich zählen, liegen eine Ebene tiefer – darin, wem die Datei, der Workflow und die Kostenkurve gehören.

Wo es dich einsperrt

Figma bringt vier Formen von Lock-in mit, die man von vornherein benennen sollte, weil die Preisseiten es nicht tun.

Die Datei ist proprietär. Dein Design lebt in Figmas Format, auf Figmas Servern. Du kannst PNGs und Dev-Specs exportieren, aber die eigentliche Quelle der Wahrheit – Komponenten, Varianten, das lebende Designsystem – ist nur innerhalb von Figma vollständig lesbar. Es gibt keine Klartextversion deiner Arbeit, die das Werkzeug überlebt.

Die Laufzeit ist gehostet. Die Leinwand ist die Cloud. Bei Agenturarbeit oder Pre-Launch-Kreativarbeit unter NDA ist „wo liegt diese Datei" jedes Mal ein Beschaffungsgespräch, keine Einstellung. Nur-lokal ist kein Modus.

Die Plugins sind nicht portabel. Figmas Plugin-Ökosystem ist real und tief – aber jedes Plugin läuft innerhalb von Figmas Laufzeit, gegen Figmas API. Ein Workflow, den du dort baust, kann nicht herausgehoben und von einem Agenten auf deinem Laptop ausgeführt werden, und auch nicht in eine Pipeline eingebunden werden, die nicht mit der Figma-Leinwand beginnt.

Die Rechnung ist für immer pro Platz. Abo-Plätze sind für ein stabiles Designteam in Ordnung. Sie werden unbequem für eine schnell wachsende Organisation, und sie sind ein Ausschlusskriterium für den langen Schwanz aus Mitwirkenden, Auftragnehmern und einmaligen Mitarbeitern, die sonst denselben Workflow übernehmen würden.

Nichts davon sind Bugs. Sie sind die Form eines gehosteten, kollaborativen Leinwand-Produkts, und Figma ist die beste Version dieser Form. Wir bauen einfach nicht für die Leinwand – wir bauen für den Agenten.

Der Wandel, auf den Open Design setzt

Open Design ist kein Figma-Klon. Es gibt keine unendliche Leinwand und keine Multiplayer-Cursor. Es ist eine dünne Skill-Schicht, die den Coding-Agenten, den du bereits nutzt, in eine Design-Engine verwandelt. Die vier Primitive sind Skills, Systems, Adapter und der Daemon – und das Wichtige daran ist, dass sie alle nur Dateien sind:

• Jeder Skill ist eine SKILL.md-Datei, die du lesen, forken und als PR zurückschicken kannst.
• Jedes Designsystem ist eine portable DESIGN.md-Datei – einschließlich der, die wir für Figma selbst ausliefern. Du kannst sie in jedem Editor öffnen, sie in git diffen, und sie überlebt jedes Werkzeug, das sie als Nächstes liest.
• Jeder Agent-Adapter umfasst etwa 80 Zeilen TypeScript.

Was dir das einbringt, ist genau das Gegenteil der vier Lock-ins oben:

• Die Datei ist Klartext. Skills und Systems sind Markdown in einem Repo. Dein Designsystem ist auch ohne das Werkzeug lesbar.
• Die Laufzeit ist lokal. Sie läuft über pnpm tools-dev auf deinem Laptop, oder du deployst sie selbst. Prompts gehen an den Modellanbieter, den du gewählt hast – nichts wird über uns geleitet.
• Der Workflow ist portabel. Ein Skill ist ein Ordner. Er fügt sich in jeden Agenten auf deinem $PATH ein, nicht in die Plugin-Laufzeit eines einzelnen Anbieters.
• BYOK standardmäßig. Füge eine beliebige OpenAI-kompatible base_url und einen Key ein; deine Tokens gehen direkt an den Anbieter. Apache-2.0, keine Registrierung, keine Rechnung pro Platz.

Das mentale Modell: Figma ist eine Leinwand, die du mietest. Open Design ist ein Workflow, den du besitzt.

Direkter Vergleich

	Figma	Open Design
Lizenz	Proprietär	Apache-2.0
Laufzeit	Gehostet (Browser, Figma-Cloud)	Lokaler Daemon (pnpm tools-dev) + optionales Self-Hosting
Quellformat	Proprietäres .fig	Klartext-SKILL.md / DESIGN.md in einem Repo
Primäre Oberfläche	Echtzeit-Multiplayer-Leinwand	Agent-gesteuerte Generierung + Sandbox-Vorschau
Modelle / KI	Figmas eigene KI-Funktionen	Beliebiger OpenAI-kompatibler Endpunkt + erkannte Coding-Agent-CLIs
Plugins	Marktplatz, läuft innerhalb von Figma	Forkbare Skill-Ordner, von jedem Agenten ausführbar
Designsysteme	Figma-Bibliotheken (im Werkzeug)	Portable DESIGN.md-Dateien (inkl. einer für Figma)
Preisgestaltung	Abonnement pro Platz	Kostenlos; du bezahlst deinen Modellanbieter direkt
Übergabe	Dev Mode, Inspect, Redlines	Beliebiger Agent auf $PATH, dazu HTML- / PDF- / PPTX- / ZIP-Exporte
Self-Hosting möglich	Nein	Ja (Laptop oder dein eigenes Deployment)
Datenpfad	Dateien → Figma-Cloud	Prompts → dein gewählter Anbieter; nichts über uns

Die ehrliche Zusammenfassung: Figma hat die ausgereifteste kollaborative Leinwand-Erfahrung auf dem Markt, und für ein Team von Designern, die gemeinsam präzise Screens reviewen, ist diese Politur das Produkt. Open Design tauscht die Leinwand vollständig gegen eine Bibliothek – Skills, Systems und Agenten, die darauf ausgelegt sind, sich mit dem Werkzeug zu verbinden, das bereits auf deinem Laptop liegt. Andere Form, andere Wette.

Wer was wählen sollte

Wenn du … bist	Wähle
Ein Designteam, das Echtzeit-Leinwandarbeit mit mehreren Designern und Live-Review macht	Figma. Nichts im Open-Source-Bereich erreicht die Multiplayer-Leinwand.
Eine Designerin, die den ganzen Tag pixelgenaue Vektor- und Komponentenarbeit macht	Figma. Die Leinwand-Primitive sind ausgereift und dein Muskelgedächtnis ist bares Geld wert.
Eine Organisation, die bereits auf Figma standardisiert ist und Dev Mode im Engineering-Loop hat	Figma. Du hast die Integrationskosten bereits bezahlt; nutze sie aus.
Ein Design-Engineer, der Claude Code, Codex oder Cursor bereits vom Terminal aus steuert	Open Design. Dein Agent ist die Design-Engine; die Skill-Schicht fügt Geschmack und Struktur hinzu, ohne eine neue App.
Jeder, der BYOK, einen Modellwechsel mitten im Projekt oder Nur-lokal für sensible Briefings braucht	Open Design. Die Realität ist rauer als das Marketing, aber es ist der einzige Vertrag, der wirklich hält.
Ein Team, das ein Designsystem will, das den Werkzeugwechsel überlebt	Open Design. DESIGN.md-Dateien überleben das Werkzeug, das sie liest.
Ein Open-Source-Mitwirkender, der einen Design-Workflow ausliefern will, den das Projekt übernehmen kann	Open Design. Leg einen Ordner ab, starte den Daemon neu, schick den PR.

Die Dimension, die es für die meisten Teams entscheidet, ist nicht die Qualität – Figmas Handwerk ist echt. Es ist die Frage, ob deine Arbeit eine Leinwand zum Malen ist oder ein Workflow zum Automatisieren. Wenn es Letzteres ist, willst du es lieber besitzen als mieten.

Was als Nächstes zu tun ist

Wenn du bereits eine wiederholbare Figma-Aufgabe hast – diese Frames exportieren, jene Tokens synchronisieren, jene Deck-Vorlage neu aufbauen – ist der schnellste Weg, den Unterschied zu spüren, eine davon in ein Plugin zu überführen. Beginne mit einer nervigen, wiederholbaren Aufgabe, nicht mit „Figma ersetzen".

Oder führe einfach den Drei-Befehl-Schnellstart aus und richte ihn auf das Modell, für das du ohnehin schon bezahlst. Das Ganze lebt in einem Repo und das erste Deck dauert etwa zehn Minuten.

Probiere den Open-Source-Workflow aus.

Weiterführende Lektüre

• Wie man einen Figma-Workflow in ein Open-Design-Plugin überführt – der konkrete Weg für einen Export, eine Token-Synchronisierung oder ein Brand Kit
• Die Open-Source-Alternative zu Claude Design – dieselbe ehrliche Einschätzung, ein Werkzeug weiter
• Warum wir Open Design als Skill-Schicht gebaut haben, nicht als Produkt – das längere Manifest hinter der Wette „Schicht, kein Produkt"