Oberflächenanimation
Funktionsveröffentlichung｜Figma Motion auf der Config 2026
Bewegungsvorschau und Zeitleiste laufen synchron; die Position des Abspielkopfs entspricht dem Zustand des Objekts.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Figma Draw
Zuerst das Werk zeigen, dann demonstrieren, wie Kontrollpunkte und Parameter es verändern; die Funktion muss einen sichtbaren Vorher-nachher-Unterschied erzeugen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Quartalsergebnisse｜Rückblick auf 2026 Q2
Funktionsfenster stehen im Vordergrund, riesige Schrifttexturen im Hintergrund; diese Ebenen dürfen nicht zusammenfallen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Quartalsergebnisse｜Datenposter für 2026 Q1
Riesige Buchstaben unterschiedlicher Breite und Farbflächen greifen dicht ineinander; angeschnittene Ränder erzeugen Dichte. Die Informationsleiste unten bleibt fest.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Grafikanimation
Event-Vorschau｜Make-a-thon mit 100.000 US-Dollar
Beide Marken stehen mittig, Teilnehmerblasen kommen von den Rändern herein; ihre gemeinsame Reaktion leitet die Event-Ankündigung ein.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Figma Code Layers
Die durch Code erzeugte Oberfläche wird als Objekt auf der Zeichenfläche neben Designvarianten verglichen; nach der Aktualisierung bleibt sie dieselbe Code-Ebene.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Figma｜Agent auf der Zeichenfläche
Am selben Produkt nacheinander Vorschläge, Stiländerungen und Inhaltserweiterungen zeigen; die einzelnen Ergebnisse dürfen nicht wie unabhängige Werke wirken.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Konferenz-Vorschau｜Config 2026 wird geladen
Schriftfragmente beginnen ungeordnet und sammeln sich zur Überschrift, während die Fortschrittslinie unabhängig weiterwächst; beim Ausblenden löst sich zuerst die Schrift auf, danach wird der Fortschritt abgeschlossen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Erweiterung des Ökosystems｜5 neue MCP-Partner
Zuerst die bidirektionale Verbindung ankündigen, dann mit einer horizontalen Symbolfolge den Umfang des Ökosystems zeigen und schließlich das zentrale Werkzeug fokussieren.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Event-Start｜Config Makeathon
Muster und Schrift etablieren zu Beginn die Event-Identität, kurze Werkbeispiele belegen in der Mitte die Ergebnisse der Teilnahme, und am Ende wird der Start mitgeteilt.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Google Drive mit dem Figma agent verbinden
Gelesenes externes Feedback führt zu Designänderungen, danach dokumentiert ein ausgegebenes Dokument die Gründe; so entsteht ein geschlossener Lese- und Schreibablauf.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Figma node — Frames mit Weave-Workflows verbinden
Design-Frames werden zu verknüpfbaren Knoten; Text und Bild werden jeweils an Slots angeschlossen, anschließend verzweigt die Ausgabe in unterschiedliche Anwendungsfälle.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Figma × Codex · Übergabe von Design an Umsetzung
Zuerst Design-Frames samt Anmerkungen auswählen, dann den ausgewählten Kontext an den Implementierungsagenten übergeben; das Ergebnis muss den ausgewählten Bildschirmen entsprechen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Figma Specs
Das Dokument bündelt Belege aus Geschäftskontext, Design und Code; Kommentare steuern die Neuordnung, aus der schließlich eine umsetzbare Übergabespezifikation entsteht.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Figma Agent Vectors
Neu erzeugte Inhalte bleiben auswählbar, ihre Farben bearbeitbar und ihre Animationen gestaltbar; drei Phasen belegen die Bearbeitbarkeit.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Figma KI-Bildbearbeitung
Jedes Beispiel folgt Auswahl → Aktion → Ergebnis; die Hervorhebung des Motivs ist nur ein Zwischenzustand.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.