Design und MedienFigma

Dein Figma-Design, umgesetzt als Website

Wenn du ein fertiges Design in Figma hast, kann die AI es als Ausgangspunkt nutzen. Verbinde es und bitte um Seiten, die seinen Frames, Farben und Texten folgen.

Website kostenlos erstellen Integrationen

Was du damit machen kannst

Seiten nach deinen Frames

Die AI liest eine Figma-Datei und baut die Seiten mit der Reihenfolge der Abschnitte und den Texten, die sie dort findet.

Farben und Schriften deines Designs

Die AI übernimmt Farben, Schriften und Abstände aus dem Design und nutzt sie auf deiner ganzen Website.

Kommentare nach Bestätigung

Bitte die AI, einen Kommentar in der Figma-Datei zu hinterlassen, etwa eine Frage an die Designerin. Das passiert erst nach deiner Bestätigung.

Was du die AI fragen kannst

Beispiele, die du in den Chat schreibst, sobald die App mit deiner Website verbunden ist.

Bau die Startseite nach dem Frame Home Desktop in der Datei Website 2026.
Nutz die Farben und Schriften der Datei Brand Kit in Figma auf der ganzen Website.
Hinterlass in Figma einen Kommentar am Frame Kontakt und frag nach der Mobilversion.

So verbindest du sie

1
Schritt 1
Integrationen öffnen
Öffne in Studio die Integrationen der Website, in der du Figma nutzen willst, und such die App im Tab Durchsuchen.
2
Schritt 2
Auf Verbinden klicken
Klick auf Verbinden, melde dich im neuen Fenster bei Figma an und erlaube den Zugriff. Die Verbindung gilt nur für diese Website.
3
Schritt 3
Frag die AI
Sag im Chat, was du aus Figma brauchst. Die AI liest, was sie braucht, und bittet dich vor jeder Aktion in der App um deine Bestätigung.

Du behältst die Kontrolle

Die AI liest deine Daten direkt, wenn sie sie braucht, aber alles, was in der App etwas sendet, ändert oder löscht, wartet, bis du es im Chat bestätigst. Deine Daten bleiben privat und erscheinen nie auf deiner Website, außer du bittest darum.

Häufige Fragen

Kopiert die AI das Design pixelgenau?

Die AI folgt Struktur, Farben und Texten des Designs und baut eine echte Website, die auf jedem Bildschirm funktioniert. Feinheiten passt du danach im Chat oder im Editor an.