Codex Design vs. Figma Make.

Figma Make und Codex Design machen beide mit KI aus einer Beschreibung eine funktionierende Oberfläche. Figma Make tut das innerhalb von Figma und kann das Ergebnis als Web-App veröffentlichen. Codex Design ergänzt Codex um ein Canvas, auf dem du Designs genau dort erkundest und vergleichst, wo dein Code entsteht.

Aktualisiert am 6. November 2026 · 6 Min. Lesezeit

Die kurze Antwort

Wenn dein Team in Figma gestaltet, ist Figma Make die naheliegende Wahl: Es arbeitet mit deinen vorhandenen Frames und Bibliotheken und veröffentlicht funktionierende Prototypen unter einer teilbaren URL. Wenn du mit Codex baust, hält Codex Design den Designschritt am selben Ort wie den Code, mit Screens als Live-HTML auf einem lokalen Canvas.

• Wähle Figma Make, wenn deine Designs und dein Designsystem schon in Figma liegen, du einen funktionierenden Prototyp willst, den andere im Browser öffnen können, oder dein Team in Figma-Dateien zusammenarbeitet.
• Wähle Codex Design, wenn du schon Codex nutzt, vor dem Bauen mehrere Richtungen nebeneinander vergleichen willst und das Design in deiner eigenen Codebasis landen soll statt in einer gehosteten App.

Was die beiden Tools sind

Figma Make ist das Prompt-zu-App-Tool von Figma. Du chattest mit einem KI-Agenten, fügst Frames und Komponenten aus deinen Figma-Designs ein, und er baut eine interaktive App. Du kannst den generierten Code in Make bearbeiten, herunterladen, ein Backend zum Speichern von Daten hinzufügen und das Ergebnis als Web-App unter einer figma.site-Adresse oder deiner eigenen Domain veröffentlichen. Make-Kits bringen die Pakete, Variablen und Stile deines Designsystems mit ins Spiel.

Codex Design ist unser unabhängiges Plugin für Codex. Es ergänzt ein lokales Canvas, auf dem Codex die Screens, die es gestaltet, als Live-HTML-Seiten ablegt, neben Mockup-Bildern und deinen Referenzen. Wähle ein Element aus, um Schrift, Farbe oder Abstände in einer Seitenleiste zu ändern, oder verfeinere weiter, indem du Codex darum bittest. Deine Canvas-Projekte liegen auf deinem Computer.

Im direkten Vergleich

Die KI-Credits von Figma gelten für alle KI-Funktionen gemeinsam, und einige Make-Funktionen hängen von deinem Plan und deinem Seat ab. Dieser Vergleich gibt den Stand der offiziellen Websites und Dokumentationen beider Produkte vom 6. November 2026 wieder.

Wann Figma Make die bessere Wahl ist

Figma Make passt in diesen Fällen besser:

• Deine Designs liegen schon in Figma. Füge Frames und Komponenten in den Chat ein oder gib Design-URLs als Kontext an, und Make baut darauf auf.
• Du brauchst etwas, das Leute noch heute anklicken können. Veröffentliche eine Make-Datei als Web-App mit eigener URL, richte eine eigene Domain ein und ergänze ein Backend, sobald der Prototyp Daten speichern soll.
• Dein Designsystem liegt in Figma. Make-Kits können npm-Pakete sowie Variablen und Stile aus deiner Designbibliothek enthalten, samt Richtlinien zur Verwendung.
• Du willst zurück zu Ebenen. In passenden Plänen kannst du einen Schnappschuss einer Vorschau als Ebenen kopieren und in Figma Design einfügen.
• Dein Team arbeitet in Figma zusammen. Teammitglieder können dieselben Make-Unterhaltungen teilen, kommentieren und den generierten Code gleichzeitig ändern.

Wann Codex Design die bessere Wahl ist

• Du baust schon mit Codex. Das Canvas sitzt in dem Agenten, der deinen Code schreibt, also gibt es keinen Download und keine Übergabe zwischen Design und Umsetzung. Bitte Codex, die gewählte Richtung in deinem bestehenden Projekt umzusetzen.
• Du willst erkunden, bevor du dich festlegst. Codex Design ist dafür gemacht, mehrere Richtungen nebeneinander auf einem Canvas zu zeigen und zu vergleichen, neben deinen Referenzen und Mockup-Bildern.
• Du willst schnelle visuelle Anpassungen. Wähle ein Element in einem HTML-Mockup aus und ändere Schrift, Farbe, Abstände und weitere Eigenschaften in der Seitenleiste.
• Du willst deine Arbeit auf deinem eigenen Rechner behalten. Canvas-Projekte liegen lokal, nicht in einer gehosteten Datei.
• Du willst kein weiteres Credit-System. Codex Design hat keine eigenen KI-Credits und kein Token-Guthaben. Ein Canvas-Projekt ist kostenlos und Pro kostet $5 pro Monat; die Codex-Nutzung zählt auf deinen Codex-Plan.

Häufige Fragen

Ist Codex Design eine Figma-Make-Alternative?

Für die Designphase ja, wenn du Codex nutzt. Beide machen aus einer Beschreibung eine funktionierende Oberfläche. Figma Make lebt in Figma und kann Apps veröffentlichen; Codex Design lebt in Codex und konzentriert sich darauf, Designs zu erkunden und zu verfeinern, die Codex dann in deiner Codebasis baut. Wenn dein Team in Figma arbeitet und veröffentlichte Prototypen braucht, passt Figma Make besser.

Kann ich meine Figma-Designs mit Codex Design nutzen?

Das Canvas enthält Bilder und Live-HTML-Seiten, du kannst also Frames aus Figma als Bilder exportieren und neben die Screens legen, die Codex gestaltet, als Referenzen zum Vergleichen. Codex Design importiert Figma-Dateien nicht direkt.

Ist Figma Make im kostenlosen Plan von Figma enthalten?

Figma führt Make im Starter-Plan ebenso auf wie in den kostenpflichtigen Plänen, und es nutzt Figma-KI-Credits. Starter enthält bis zu 500 KI-Credits pro Monat. Einige Funktionen, etwa Code ansehen und herunterladen oder das Veröffentlichen in kostenpflichtigen Plänen, hängen von deinem Seat-Typ ab.

Weiterlesen

• UI-Design mit Codex: So geht’sDer Workflow in sechs Schritten, mit Prompts zum Kopieren.
• UI-Mockups mit KI erstellenVom Satz über das Wireframe bis zum High-Fidelity-Mockup.
• DESIGN.md: dein Designsystem für CodexHalte dein Designsystem einmal fest, damit sich jeder Screen daran hält.