Figma Connect: IDE-Integration spart Entwicklern 90 Minuten pro Woche

Figma migriert Bestandsprojekte in ein hierarchisches Ordnungssystem. Die Umstellung ist Teil einer Offensive zur engeren Verzahnung von Design und Entwicklung.

Die Design-Plattform Figma migriert ab sofort alle Bestandsprojekte in ein neues Ordnungssystem mit verschachtelten Ordnern. Der Schritt soll die Dateiorganisation und Rechteverwaltung für Teams grundlegend verbessern.

Die Umstellung begann am 3. August und wird in den kommenden Wochen schrittweise für alle Nutzer ausgerollt. Hintergrund ist der wachsende Anspruch an eine effiziente Strukturierung großer Designprojekte – gerade in Unternehmen, die zunehmend auf codebasierte Entwicklungsprozesse setzen.

Abschied von flachen Strukturen

Mit den neuen verschachtelten Ordnern können Teams ihre Projekte künftig in hierarchischen Verzeichnisstrukturen organisieren. Das ersetzt das bisherige, eher flache Ordnungsmodell. Die Umstellung betrifft auch die Verwaltung von Inhalten und Berechtigungen über verschiedene Lizenzen und Tarife hinweg. Bestehende Projekte werden automatisch in das neue System überführt.

Parallel zur Strukturreform erneuert Figma die Auto-Layout-Funktion. Neue Frames nutzen künftig automatisch die aktualisierte Version. Für bestehende Layouts bleibt bis Januar 2027 ein Wechsel-Schalter erhalten, damit Teams genügend Zeit für die Anpassung ihrer Arbeitsabläufe haben.

Vom Design zur fertigen Anwendung

Die Ordnerumstellung ist Teil einer größeren Produktoffensive, die die Brücke zwischen Design und Entwicklung schlagen soll. Zu den jüngsten Neuerungen zählen „Figma Sites“, ein Design-to-Website-Tool in der Beta-Phase, das KI zur Codegenerierung nutzt, sowie „Figma Make“, das auf GPT-5.6 basiert und interaktive Prototypen erzeugt.

Besonders groß ist der Fokus auf die Anbindung an Entwickler-Workflows:

  • IDE-Integration: Mit „Figma Connect“ für WebStorm 2026.2.1 können Entwickler direkt in ihrer Entwicklungsumgebung auf Figma-Dateien zugreifen. Einer Forrester-Studie zufolge sparen sie dadurch mehr als 90 Minuten pro Woche, weil Designkontext direkt in KI-gestützte Coding-Chats einfließt.
  • Model Context Protocol (MCP): Neue MCP-Tools ermöglichen die direkte Übertragung von Figma-Designs in Plattformen wie Webflow. So lassen sich KI-generierte Oberflächen in Komponentenbibliotheken umwandeln – Praktiker berichten von einer Reduzierung manueller Abschlussarbeiten um 70 bis 80 Prozent.
  • Batch-Verarbeitung: Das Tool „Figma Buzz“ unterstützt Stapelexporte über Excel und zielt auf die Produktion großer Asset-Mengen.
Anzeige

Da innovative Design-Tools verstärkt auf KI-Technologien setzen, rücken auch neue regulatorische Anforderungen für Unternehmen in den Fokus. Dieser kostenlose Umsetzungsleitfaden bietet Ihnen einen kompakten Überblick über alle Anforderungen, Pflichten und Fristen des EU AI Acts. EU AI Act in 5 Schritten verstehen

Wachstumskurs mit Gegenwind

Die technischen Neuerungen kommen zu einer Zeit, in der Figma als börsennotiertes Unternehmen agiert. Seit dem Börsengang an der New Yorker Börse am 31. Juli 2025 erlebte die Aktie ein Wechselbad der Gefühle – am ersten Handelstag schloss sie mit einem Plus von 250 Prozent. Im Geschäftsjahr 2024 erzielte das Unternehmen einen Umsatz von rund 7,5 Milliarden Euro, ein Anstieg von 48 Prozent gegenüber dem Vorjahr.

Doch die Konkurrenz schläft nicht. Am 18. März 2026 brachte Google mit „Stitch“ ein kostenloses Tool auf den Markt, das Vibe Design unterstützt und in den Google-Workspace integriert ist. Die Ankündigung ließ den Figma-Aktienkurs zwischenzeitlich sinken.

Anzeige

Wer sich mit dem Einsatz moderner KI-Systeme befasst, muss neben der Effizienzsteigerung auch die rechtlichen Rahmenbedingungen und Risikoklassen präzise dokumentieren. Erfahren Sie in diesem kostenlosen Report, welche konkreten Pflichten die EU-KI-Verordnung für Ihr Unternehmen bereithält. Kostenlosen Umsetzungsleitfaden zum EU AI Act sichern

Um die Marktposition zu halten, setzt Figma auf fortschrittliche visuelle Werkzeuge: neue Vektorfunktionen in „Figma Draw“, Motion-Features sowie „Code Layers“, die sicherstellen sollen, dass Designabsichten präzise in finale Softwareprodukte übersetzt werden. Design-System-Experten sehen in solchen Werkzeugen eine notwendige Entwicklung – die Branche suche zunehmend nach Rollen, die die Lücke zwischen Designintention und funktionaler Realität schließen können.