Figma Make, jetzt in deinem lokalen Code
Von visueller Bearbeitung über kontextuelles Prompting bis hin zur Zusammenarbeit erweitert Figma Make die Möglichkeiten, wie Teams mit Code entwickeln können.
Figma Make, jetzt in deinem lokalen Code teilen
Make-Notiz
Diese neuen Make-Funktionen werden in den kommenden Wochen als Beta-Version veröffentlicht.
Heute starten wir neue Funktionen in Figma Make – die Fähigkeit, in deinem Produktionscode zu arbeiten, ohne Figma zu verlassen. Unsere Desktop-Anwendung in der Beta-Version ist unser erster Schritt, um freies Design, Prototyping mit Code und den Übergang zur Produktion zu vereinen.
Hier bei Figma glauben wir nicht, dass du gezwungen sein solltest, dich zwischen einem Design- oder Code-Tool zu entscheiden. Du solltest frei sein, das beste Tool für das zu verwenden, was benötigt wird, sei es die Arbeitsfläche, eine Testumgebung zum Prototyping oder für den Produktionscode.
Arbeiten am Code fühlt sich heute sehr ähnlich an wie Design vor 10 Jahren. Als Figma auf den Markt kam, war Design offline und im Einzelspielermodus. Heute verwenden mehr Menschen als je zuvor Agenten, um zu coden, und das Programmieren selbst verändert sich rapide. Die Qualität des Code-Outputs von fortschrittlichen Modellen wird ständig besser, und doch, trotz so viel Innovation, stehen die Tools, die wir für die Arbeit mit Code haben, noch in den Kinderschuhen. Wir stecken immer noch im Jahr 2016 fest, wenn es um Zusammenarbeit geht. IDEs und Terminals fühlen sich für viele von uns einfach nicht wie „Zuhause“ an. Wir spüren das jeden Tag und hören es ständig von der Figma-Community.
„Design vs. Code“ ist eine falsche Dichotomie. Tools sollten nicht die Fähigkeit einschränken, zwischen diesen Welten zu wechseln. Der gesamte Zweck von Figma als Plattform besteht darin, dir im richtigen Moment den Zugang zu den richtigen Tools zu geben. Von der direkten Bearbeitung und kontextuellem Prompting bis hin zu engerer Zusammenarbeit und Dateifreigabe – hier ist, was heute lanciert wird, um dies zu ermöglichen.
Visuelles Bearbeiten des Codes
Make-Notiz
Obwohl wir diesen Setup-Prozess für nichttechnische Benutzer*innen bereits erleichtert haben, arbeiten wir daran, diesen Prozess noch reibungsloser zu gestalten. Im Moment sind Designer*innen, die bereits Zugriff auf den Codebestand ihres Unternehmens haben, am besten für diese neue Make-Funktionalität geeignet.
Sie können nun direkte, visuelle Änderungen vornehmen und Änderungen von Make aus über dein Code-Repository veröffentlichen. Wähle Elemente aus, passe Eigenschaften an, ändere Layouts, Farben, Schriftarten oder Größen – der Agent findet den relevanten Code und codet ihn so, dass die UI dein Design widerspiegelt. Dies ist präzises Editieren beim Coden mit der Freiheit, zu experimentieren.
Für Änderungen, die über Eigenschaften hinausgehen – eine Interaktion oder Animation – kannst du Elemente auf dem Bildschirm annotieren und beschreiben, was du möchtest. Annotationen geben dem Agenten kontextbezogene Informationen und können sich auf viele Elemente gleichzeitig beziehen. Dies fügt eine flexible Option zwischen direkter Bearbeitung und standardmäßigem Prompting hinzu.
Verzweigen, Commiten und Ausliefern
Das Coden von Produktionscode sollte absichtlich durch den Entwicklungsprozess deines Teams geschehen. Bis du einen PR öffnest, werden deine Änderungen als lokale Commits gespeichert.
Make unterstützt Git-Workflows für Codebasen – es ermöglicht das Erstellen von Zweigen, das Rückgängigmachen von Commits und andere Operationen – sodass dein Ingenieurteam deine Änderungen wie jede andere Pull-Anfrage überprüft.
Zusammenarbeiten und Entwickeln
Wenn Make deinen lokalen Codebestand bearbeitet, können diese Änderungen als Dateien geteilt werden. Sende einen Link. Sobald dein*e Teamkolleg*in Zugriff auf deinen Zweig hat, kann er deinen Zweig auschecken, deine Änderungen sehen und darauf aufbauen. Die Kolleg*innen werden deine Änderungen und Ideen sehen. Und der Commit-Verlauf hilft ihnen, das Vorher und Nachher zu vergleichen.
Kopiere Bildschirme, Seiten und Komponenten aus Make und füge sie als Ebenen in die Figma-Arbeitsfläche ein, wo du mit deinem Team riffen und bearbeiten und den Figma-Agent dafür nutzen kannst. Figma erkennt diese Änderungen und fordert dich auf, sie zu Make zurückzubringen und sie im Code anzuwenden.
Das Ziel ist es, den Kreis vollständig zu schließen – Bildschirme und Elemente aus Make in Figma Design einzubringen, damit dein Team kommentieren, bearbeiten und darüber improvisieren kann, und dann diese Entscheidungen wieder in den Code einzubringen. Die Arbeitsfläche und der Code in einem Raum. Es gibt keinen richtigen Ort, um zu beginnen. Es gibt nur die Arbeit und das beste Werkzeug für den Ort, an dem du dich befindest.
Die neuen Funktionen von Figma Make – einschließlich direkter Bearbeitung, Annotationen, Chat und PR-Erstellung – werden am 28. Mai 2026 in einer begrenzten Beta-Version eingeführt und verbrauchen während der Beta keine Credits. Wir erwarten, in naher Zukunft die Preisgestaltung für KI-Credits anzukündigen. Melde dich hier an, um einen frühen Zugang zu beantragen. Wenn du berechtigt und für die Beta-Version ausgewählt bist, senden wir dir eine E-Mail, sobald du dabei bist. Der Beitritt zur Warteliste garantiert keinen Zugang. Diese Beta-Version wird nur in unserer Beta-Desktop-Anwendung für Mac-Benutzer*innen verfügbar sein. Wir haben vor, diese Änderungen bald auf andere Plattformen im Abo zu bringen. Um mehr über diese Funktionen zu erfahren, besuche unser Hilfe-Center.
