Figma KI-Werkzeuge: was Config 2026 für Teams ändert

Figma hat auf der Config 2026 (23. bis 25. Juni 2026 in San Francisco) eine Reihe neuer Figma KI-Werkzeuge vorgestellt, die Design, Animation und Code auf einer gemeinsamen Leinwand zusammenführen. Im Kern geht es um vier Bausteine: Code Layers, Figma Motion, KI-gestützte Shader und die Integration der 2025 übernommenen Workflow-Plattform Weave. Die Stoßrichtung: Teams sollen nicht mehr leere Entwürfe später in Code nachbauen, sondern Design und Entwicklung von Anfang an im selben Werkzeug erledigen.

Das klingt nach großem Wurf. Schaut man genauer hin, ist vieles ein konsequenter Schritt auf einem Weg, den Figma seit Jahren geht, ergänzt um echte Neuerungen bei Motion und Shadern. Lohnt sich der Aufwand für Ihr Team schon jetzt, oder noch nicht? Diese Frage trägt den Text.

Was sind Code Layers in Figma?

Code Layers bringen bearbeitbaren Code direkt auf die Design-Leinwand. Laut Figmas Config-Recap vom 27. Juni 2026 lässt sich jeder Design-Layer per Klick oder Prompt in einen interaktiven Code-Layer verwandeln, behandelt wie ein weiteres Material neben Vektoren und Bildern. Varianten lassen sich nebeneinander erkunden, ähnlich wie bisher Design-Frames.

Der eigentliche Unterschied zum heutigen Dev Mode liegt in der Tiefe. Nach Darstellung von Mind-Verse (27. Juni 2026) können Teams Produktionscode über Branches, Commits und Pull Requests direkt in Figma führen, samt GitHub-Import, ohne die Entwicklungsumgebung zu verlassen. Das ist mehr als eine Code-Vorschau. Es ist der Versuch, die Übergabe zwischen Design und Entwicklung als eigenständigen Schritt abzuschaffen.

Ein nüchterner Hinweis zum Reifegrad: Code Layers starten als Closed Beta mit Warteliste, das Onboarding soll im Juli beginnen. Figma kündigt an, die Funktion als voller Seat-Bestandteil über alle Pläne hinweg anzubieten, nicht hinter einem Premium-Tarif. Solange die Beta läuft, gilt: spannend zum Testen, noch nicht als Fundament für den nächsten Release-Plan.

Was bringen Figma Motion und die neuen Shader?

Motion und Shader sind die beiden Neuerungen, die ab sofort verfügbar sind und am ehesten echten Mehraufwand sparen. Figma Motion ergänzt das Design um eine Timeline mit Keyframes, Presets und Controls. Shader laufen über WebGPU und erzeugen Effekte wie Dithering, Pixelation, verschiedene Blur-Arten und Materiallooks wie mattiertes Glas oder poliertes Chrom.

Im Detail laut Figma-Blog und der Keynote-Aufzeichnung von Dylan Field (26. Juni 2026):

• Motion: „Starting today, you can build with motion directly in Figma.“ Animationen lassen sich von Grund auf bauen, über bestehende Designs legen oder per Figma-Agent als Bewegungsentwurf erzeugen. Über Dev Mode und eine interne Motion Content Platform reichen sie bis in die Produktion.
• Shader: „Starting today, shaders are in Figma.“ Nutzer beschreiben den gewünschten Effekt per Prompt oder Referenzbild, der Agent generiert daraufhin den Shader, entweder als Transformation eines Layers oder als neues Material.

Der Punkt, der zählt: Shader-Effekte verlangten bisher oft spezialisiertes Grafik-Programmieren. Sie nun über natürliche Sprache plus Regler zugänglich zu machen, senkt die Einstiegshürde spürbar. Aus der Beratungspraxis kenne ich genug Teams, in denen solche Effekte am Wissen einer einzigen Person hingen. Genau diese Engstelle löst sich hier auf.

Wenn Sie KI-Design-Werkzeuge über Figma hinaus systematisch beherrschen wollen, lohnt ein Blick auf eine praxisorientierte Masterclass zu den führenden KI-Design-Tools wie Midjourney, Canva und Adobe. Sinnvoll ist das vor allem, wenn Ihr Team mehrere Werkzeuge parallel einsetzt und einen gemeinsamen Standard sucht. Wer ausschließlich in Figma arbeitet, kommt mit der Dokumentation und einer Beta-Teilnahme zunächst weit.

Was ist Weave und warum integriert Figma es?

Weave ist eine node-basierte Workflow-Plattform, die Figma 2025 übernommen hat und nun in die Leinwand integriert. Dylan Field beschreibt sie als Canvas, auf dem Nodes entweder Informationen halten (Bilder, Videos, 3D-Modelle) oder Aktionen über KI-Modelle und manuelle Controls wie Color Grading oder Timelines ausführen. Über 20 Weave-Tools stehen laut Mind-Verse ab sofort bereit, die vollständige Integration ist für das laufende Jahr geplant.

Der Nutzen liegt im Zusammenspiel mehrerer Modelle. Marken- und Produktteams sollen einen gemeinsamen Arbeitsbereich erhalten, in dem sie verschiedene Modelle und Bildquellen zu einem kohärenten Design kombinieren. Statt zwischen Tools zu springen, läuft der generative Workflow an einem Ort.

Ergänzend führt Figma Generative Plugins ein: Sie beschreiben das benötigte Werkzeug mit Verhalten, Controls und Parametern, der Figma-Agent erzeugt daraus ein Plugin. „Starting today, you can generate plugins with the Figma agent“, heißt es in der Keynote. Teams können so wiederverwendbare interne Tools allein per Prompt bauen, ohne klassische Entwicklungsumgebung, und sich damit von generischen KI-Outputs abheben.

Bleibt der Mensch in der Entscheidung?

Ja, und das ist die bemerkenswerteste strategische Entscheidung. Figma baut kein eigenes Foundation-Model, sondern setzt weiter auf externe KI-Modelle. Der Fokus liegt laut den aktuellen Berichten auf menschlichem Urteilsvermögen und auf Werkzeugen, die Kreative gezielt steuern. KI liefert Materialien und Variationen, geformt werden sie über Code Layers, Motion, Shader und Weave.

Diese Positionierung passt zum realen Reifeweg solcher Werkzeuge. Auf den ersten Hype folgt regelmäßig Ernüchterung, und erst danach zeigt sich, was im Alltag trägt. Ähnlich verläuft die Diskussion bei KI-gestütztem Coding für Nicht-Programmierer: Vieles funktioniert für klar umrissene Aufgaben, anderes scheitert dort, wo Kontext und Verantwortung ins Spiel kommen.

Mein Eindruck als Berater: Figma vermeidet den häufigsten Fehler, der KI-Features unbrauchbar macht, nämlich die Vollautomatisierung ohne Kontrollpunkte. Wer den Output an jeder Stelle anpassen kann, verliert weniger Zeit mit dem Nachbessern fragwürdiger Generierungen.

Was bedeutet das für Ihr Kreativteam?

Kurzfristig sollten Sie Motion, Shader und Generative Plugins ausprobieren, weil sie sofort verfügbar sind und konkrete Handarbeit ersetzen. Code Layers gehören in die Beobachtung, nicht in die Planung, solange die Closed Beta läuft. Weave lohnt einen Test vor allem für Teams, die ohnehin mit mehreren generativen Modellen arbeiten.

Konkrete nächste Schritte:

1. Tragen Sie eine Person für die Code-Layers-Warteliste ein, um den Funktionsumfang ab Juli aus erster Hand zu bewerten.
2. Testen Sie Motion und Shader an einem laufenden Projekt, statt an einem Demo-File. Nur so sehen Sie, ob die Effekte Ihre tatsächlichen Markenvorgaben treffen.
3. Definieren Sie, welche internen Plugins sich lohnen, bevor Ihr Team unkontrolliert Einweg-Tools generiert.

Zurück zur Ausgangsfrage: Lohnt sich der Aufwand schon jetzt? Für Motion und Shader klar ja, weil sie Spezialwissen ersetzen und ohne Beta auskommen. Für die Verschmelzung von Design und Code über Code Layers ist es ein vielversprechender Anfang, dessen Praxiswert sich erst nach der Beta zeigt. Entscheidend wird nicht sein, was Figma technisch ankündigt, sondern wie sauber Ihr Team die Aufgaben zuschneidet, die es der KI überlässt.