Figma Make wird zum visuellen Code-Editor: KI-Design fließt nun direkt in GitHub

Die Grenzen zwischen Design und Entwicklung verschwimmen zusehends: Mit der jüngsten Aktualisierung seiner KI-gestützten Plattform Figma Make positioniert sich das Unternehmen als zentraler Baustein moderner Softwareentwicklung. Seit heute können Teams bestehende GitHub-Repositories direkt in die Figma-Desktop-App importieren, Designs visuell bearbeiten und die Änderungen als Pull Requests zurück an die Entwicklungsabteilung übermitteln – inklusive aller etablierten Governance-Mechanismen.

Eine neue Ära für Designer und Entwickler

Figma Make war ursprünglich als experimenteller Prototyping-Assistent gestartet, der vor einem Jahr im Mai 2025 erstmals vorgestellt wurde. Damals beschränkte sich die Funktionalität darauf, KI-generierte Entwürfe in isolierte GitHub-Repositories zu exportieren – ein Einbahnstraßen-Ansatz, der keine Rückmeldungen aus dem Code zuließ. Doch mit dem aktuellen Update wird die Plattform zum vollwertigen visuellen Code-Editor, der in bestehende Workflows integriert werden kann.

Der Schlüssel liegt in der zwei-Wege-Synchronisation: Designer arbeiten weiterhin auf der gewohnten Figma-Oberfläche, während die KI-gestützten Änderungen direkt in den zugrundeliegenden Code einfließen. Das System nutzt dabei Multi-Modell-KI, die zwischen Anthropic’s Claude 3.7 Sonnet, Claude Opus und Google’s Gemini wechselt, um präzise Code-Snippets zu generieren. Diese werden automatisch an das bestehende Designsystem angepasst – inklusive Farbpaletten, Typografie-Regeln und Komponentenbibliotheken.

Governance bleibt erhalten: Sicherheit und Compliance im Fokus

Ein zentrales Anliegen von Figma war es, die neue Integration ohne Kompromisse bei Sicherheit und Compliance umzusetzen. Die Plattform agiert als lokaler Entwicklungsumgebung, in der Designänderungen zunächst als lokale Commits gespeichert werden. Erst beim finalen Push werden sie als Pull Requests an GitHub übermittelt – und durchlaufen damit dieselben Prüfroutinen wie manuell geschriebener Code.

Für Unternehmen bedeutet das: Keine Umgehung von CI/CD-Pipelines, keine neuen Lizenzrisiken. Die erzeugten Code-Snippets unterliegen den gleichen Nutzungsbedingungen wie der bestehende Code und bleiben vollständig in der Kontrolle des Teams. Die Integration unterstützt sowohl proprietäre als auch Open-Source-Repositories und erfordert keine zusätzlichen Abhängigkeiten.

Wettbewerbslandschaft: Wer profitiert von den neuen Möglichkeiten?

Mit der Einführung der Zwei-Wege-GitHub-Integration betritt Figma Make eine Arena, in der sich drei grundlegend unterschiedliche Ansätze gegenüberstehen:

1. Figma Make: Der Design-first-Ansatz für etablierte Teams

• Preismodell: Ab 16 US-Dollar monatlich (Professional) bis 90 US-Dollar (Enterprise).
• Stärken: Tiefgreifende Gestaltungsflexibilität, nahtlose Integration in bestehende Designsysteme, automatische Anpassung an Farb-, Typografie- und Layout-Richtlinien.
• Zielgruppe: Produktteams in mittelgroßen bis großen Unternehmen, die Wert auf Markenkonsistenz und visuelle Präzision legen.
• Begrenzung: Kein Full-Stack-Editor – Fokus liegt auf Frontend-Komponenten.

2. Lovable: Der Code-first-Ansatz für schnelle Prototypen

• Preismodell: 25 US-Dollar (Pro) bis 50 US-Dollar (Business).
• Stärken: Vollständiger Backend-Support (z. B. Integration mit Supabase), automatische Zwei-Wege-Synchronisation mit GitHub, ideal für Solo-Entwickler oder Startups.
• Zielgruppe: Teams, die komplette Anwendungen von Grund auf erstellen möchten, ohne sich auf komplexe Design-Dateien verlassen zu müssen.
• Begrenzung: Weniger geeignet für Teams mit strengen Designvorgaben.

3. Anthropic’s Claude Design: Der KI-native Prototyping-Assistent

• Preismodell: 20 US-Dollar (Claude Pro) bis 200 US-Dollar (Claude Max).
• Stärken: Schnelle Generierung funktionaler UI-Prototypen, ideal für schnelle Iterationen und die Übergabe an Entwickler.
• Zielgruppe: Produktmanager und Ingenieure, die kurzfristige Prototypen benötigen.
• Begrenzung: Hoher Token-Verbrauch bei intensiver Nutzung, keine tiefgreifende Designkontrolle.

Die Zukunft der Softwareentwicklung: Zwischen Hype und Realität

Die aktuelle Entwicklung markiert einen Wendepunkt in der Debatte um „Vibe Coding“ – ein Begriff, der für die automatisierte Erstellung von Software durch KI steht. Doch während viele Tools versprechen, die Entwicklung zu revolutionieren, zeigt sich: Der größte Engpass liegt nicht mehr in der Code-Erstellung, sondern in der Governance und der Bewahrung der Design-Integrität.

Figma Make positioniert sich als spezialisiertes Werkzeug für etablierte Teams, die ihre Designsysteme und Entwicklungsprozesse nicht aufgeben möchten. Die Integration in GitHub stellt sicher, dass visuelle Änderungen nicht isoliert bleiben, sondern Teil eines kontrollierten, kollaborativen Workflows werden. Für Unternehmen bedeutet das: Sie können die Kreativität ihrer Designer nutzen, ohne die Stabilität ihrer Codebasis zu gefährden.

Die Frage ist nicht mehr, ob KI die Softwareentwicklung verändern wird – sondern wie Teams diese Technologie sinnvoll in ihre bestehenden Strukturen einbetten. Figma Make bietet hier einen pragmatischen Weg: eine Brücke zwischen Design und Code, die beide Welten zusammenführt, ohne die eine für die andere zu opfern.