Das US-Unternehmen Figma will seine gleichnamige Web-App stärker auf einen ganzheitlichen Entwicklungsprozess digitaler Produkte ausrichten. Auf der Hauskonferenz Config 2026 in San Francisco hat das Unternehmen Werkzeuge vorgestellt, die Design, Programmierung, Animation und künstliche Intelligenz enger als zuvor miteinander verbinden sollen. Figma will sie in den kommenden Wochen schrittweise veröffentlichen.
Statt beispielsweise eine Webseite in Photoshop zu entwerfen und später in Code nachbauen zu lassen, sollen Teams beim Bau von Apps und Seiten möglichst viele Arbeitsschritte innerhalb einer gemeinsamen Arbeitsfläche erledigen.
Die Figma Canvas steht dabei im Mittelpunkt, eine Arbeitsumgebung, in der man Apps, Websites und andere digitale Produkte entwirft. Figma integriert neben klassischen Designfunktionen auch solche für Programmierung, Animationen, visuelle Effekte und KI-Dienste.
Programmcode auf der Designfläche bearbeiten
Eine der wichtigsten Neuerungen: Programmcode lässt sich direkt auf der Designfläche bearbeiten. Entwickler können Quellcode aus bestehenden Projekten übernehmen, ihn ändern und wieder mit dem ursprünglichen Codebestand synchronisieren. Ein integrierter KI-Agent soll dabei alternative Lösungswege vorschlagen oder Abläufe in bearbeitbare Designelemente überführen.
Effekte, Animation und 3D-Szenen
Mit „Figma Motion“ führt das Unternehmen ein Werkzeug für Animationen und dreidimensionale Szenen ein. Animationen entstehen entweder klassisch über eine Zeitleiste oder per Prompt über künstliche Intelligenz. Die erstellten Inhalte bleiben mit den verwendeten Designsystemen verknüpft und sollen sich einfacher in die spätere Entwicklung übernehmen lassen.
Animationen lassen sich nicht nur über KI-Prompts, sondern auch manuell in einer Zeitleiste entwerfen.
(Bild: Figma)
Auch bei visuellen Effekten setzt Figma auf künstliche Intelligenz. Über sogenannte Shader lassen sich Oberflächen, Farbverläufe und Effekte wie Pixelierung, Dithering oder Unschärfe per Texteingabe erzeugen.
Über Shader lassen sich Farbverläufe und Effekte per Texteingabe erzeugen.
(Bild: Figma)
KI-Werkzeuge: Figma Agent und Figma Weave
Nutzer können über die Arbeitsfläche auf den Figma Agent zugreifen. Der KI-Assistent beantwortet Fragen, erstellt Designs und erledigt wiederkehrende Aufgaben. Arbeitsabläufe lassen sich künftig als „Agent Skills“ speichern und innerhalb eines Teams verwenden. Mit dem KI-Agenten lassen sich außerdem eigene Plugins erstellen.
Der Figma-Agent erhält Zugriff auf Informationsquellen wie Websuchen, Dateianhänge und Schnittstellen zu externen Diensten. Dadurch soll die KI bei ihren Vorschlägen mehr Kontext berücksichtigen können.
Wiederkehrende Aufgaben speichert der KI-Assistent von Figma auf Wunsch als Agent Skills.
(Bild: Figma)
Außerdem soll er auf weitere Produkte des Unternehmens ausgeweitet werden. In FigJam unterstützt er bei der Strukturierung, Analyse und Visualisierung von Ideen. In Figma Slides hilft er beim Erstellen und Überarbeiten von Präsentationen sowie beim Zusammenfassen von Rückmeldungen.
Hinzu kommen die „Figma Weave Workflows“, eine Sammlung von gut 20 KI-Werkzeugen. Dazu gehören das Entwickeln eines Designstils aus Referenzbildern, das automatische Anpassen von Motiven an verschiedene Formate, das Freistellen von Bildern, das Umwandeln von Bildern in kurze Videos sowie das Erstellen von 3D-Modellen und mehrstufigen Bildkompositionen.
(akr)
English (US) ·