// HEISE ONLINE — HARDWARE & GADGET
Figma: KI-Werkzeuge für Design, Code und Zusammenarbeit
Figma entwickelt Werkzeuge, mit denen Entwickler und Designer gemeinsam Apps und Webseiten erarbeiten, statt anfangs leere Entwürfe später in Code nachzubauen.
Mit der Web-App Figma entstehen digitale Produkte wie Websites, Apps und Bedienoberflächen. Statt lediglich ein Design- oder ein Programmiertool bereitzustellen, will der Hersteller beides miteinander verbinden.
This article is also available in
English.
It was translated with technical assistance and editorially reviewed before publication.
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.
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.
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.
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.
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.