Oberflächenanimation
Eine neue No-Code-Ära
Eine Kugel führt durch geschichtete Webseiten, Formulare und Prozessräume. Oberflächen sind kombinierbare Ebenen mit Tiefenabstand, nicht bloß Screenshots.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Willkommen im No-Code-Zeitalter
Ein räumlicher Weg von Dunkel zu Hell verwandelt dichte Oberflächen- und Codebereiche in eine offene, erkundbare Kreativwelt.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Comet｜Nebelfenster
Die Navigation bleibt oben verankert; nur die zentrale Maske vergrößert sich. Das Bild im Inneren und die Containergröße werden getrennt behandelt.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Framer auf einem Glasprisma
Der Titel bleibt auf der Mittelachse und erscheint Wort für Wort. Ein schmaler Glasstreifen wächst von links nach rechts; der hellste Lichtpunkt passiert den Titel etwas später.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Neue Gestaltung｜Enthüllung der Wortmarke
Aus einer vergrößerten irisierenden Oberfläche ein C herauslösen, die räumliche Form in einen Buchstaben zurückführen und den Markennamen entlang derselben Grundlinie öffnen.
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 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
Linear — Merge-Queue-Status in Diffs
Der Clip zeigt nur einen lokalen Hover-Effekt: Der Hauptstatus bleibt erhalten, beim Darüberfahren erscheint die bisherige Wartezeit und verschwindet beim Verlassen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Lovable｜Google-Konnektoren
Mehrere Werkzeugsymbole sammeln sich zuerst und werden anschließend einzeln zu Konnektor-Tags im Eingabefeld
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Notion External Agents (Integration von Claude + Cursor)…
Dieselbe Aufgabenkarte bleibt bestehen; ihr Status wechselt in der Folge Triage→Plan→Build→PR→Ship.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Anpassung an iPhone Duo
Nach dem Aufklappen wächst die sichtbare Textfläche; Seitenleiste und Text stehen in einer hierarchischen Clipping-Beziehung.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Notion as code — Arbeitsbereiche in TypeScript
Zuerst die Anforderung schreiben, dann Ausführung und Code zeigen; nach der Deployment-Bestätigung zum tatsächlichen Ergebnis im Arbeitsbereich wechseln.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
ChatGPT｜Apple Messages
Nach dem Finden der Aufgaben zunächst einen Vorschlag zeigen, den der Nutzer bearbeitet und bestätigt; danach den Nachrichteneingang im Zielchat zeigen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Cloud Computer: Cloud-Computer bereitstellen und nutzen
Zuerst die dauerhafte Ausführungsumgebung erklären, dann anhand von Bot, Datenerfassung und Deployment belegen
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Veröffentlichung von Claude Haiku 5.5
Die drei Spalten bleiben an festen Positionen; innere Texturen und L-Ausrichtungen wechseln diskret. Ein Motivwechsel ist keine Verschiebung des gesamten Blocks.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Fable 5｜Rückkehr der Pixelfigur
Erst wenn die Figur das Leuchtschild erreicht, erscheint der Produktname Buchstabe für Buchstabe; Bewegung und Buchstaben sind kausal verbunden.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Funktionsupdate｜Sprachmodus
Derselbe zentrale Kreis wächst vom Button zum Bildfenster und schrumpft dann zurück; seine räumliche Identität bleibt durchgängig erhalten.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Android Drop — Find Hub, Motion Assist, Gemini
Jede Funktion besteht aus einer Hauptkarte und einer daran gebundenen kleinen Rückmeldung.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Grafikanimation
5-Sekunden-Kurzvorschau desselben Projekts · 5.0 Sekunden
Punktgruppen formen nacheinander Personen, Orte und Dinge; die Farben folgen den Kategorien.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Grafikanimation
Grok Bot × Linear
Die beiden Marken bleiben fest ausgerichtet; der Hintergrund fließt kontinuierlich, ohne mit dem Text zu konkurrieren.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Grok Bot kann jetzt X durchsuchen, lesen und beobachten.
Zuerst mehrere recherchierte Quellen zeigen, dann zu einer Themenzusammenfassung verdichten.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Grok Bot · Formulare und Anmeldung im Gespräch
Erst bei einer Authentifizierungsanforderung übergibt der Agent an den Nutzer; nach dessen Eingabe setzt sich der Ablauf fort.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Grok — 21 brandneue Stimmen
Position und Größe der Überschrift bleiben gleich; Bewegung entsteht hauptsächlich durch das stetige Fließen des Hintergrunds.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Reception · Telefonempfang für viele Branchen
Zuerst zeigen Anrufe aus mehreren Branchen dasselbe Problem; in der Mitte steht eine einzelne Lichtkugel als Lösung
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
ElevenLabs｜Scribe v2
Zuerst die Messdimensionen vorstellen, dann die Fähigkeit anhand konkreter Textänderungen erklären
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Composer · Abschnittsweise Songbearbeitung
Von einer offenen Anfrage zu steuerbaren Abschnitten, Tempo und Tonart führen, schließlich zu Wellenform und Werk
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Polymarket · Richtungswahl für fünf Minuten
Zuerst die Entscheidungsfrage stellen, dann das komplexe Terminal auf zwei Wahlmöglichkeiten fokussieren
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Cursor Multitask / Subagents — /multitask im neuen…
Mehrere Aufgaben werden derselben Sitzung hinzugefügt; das Arbeitspanel zeigt dauerhaft ihre parallele Anzahl
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Designmodus erhält Annotate
Anmerkungen bleiben am Zielelement verankert; Nummern und Kommentare sind eindeutig einander zugeordnet
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Cursor — jetzt auf dem iPad
Zuerst dasselbe Ergebnis auf mehreren Geräten zeigen, dann auf Organisation und Review am Tablet fokussieren
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Cursor — eine Web-App starten und auf Vercel bereitstellen
Zuerst verfügbare Repositories zeigen, dann das Erstellen von Grund auf betonen; die Vorschau erscheint erst nach der Eingabe
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Computer kann interaktive Diagramme erzeugen
Das Ergebnis enthält interaktive Diagramme. Beim Bewegen des Zeigers hinein reagieren die Datenhinweise; ein bloßes Skalieren des gesamten Diagramms reicht nicht.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Perplexity — tragbarer Computer auf NVIDIA DGX Spark
Lokale Werkzeuge bilden einen Ring um das Gerät; Cloud-Modelle liegen auf einer getrennten Ebene. Verbindungslinien stehen für eine bedarfsweise Cloud-Nutzung, nicht für standardmäßige Datenübertragung nach außen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
3D-Animation
Mit MCP zu Framer wechseln
Das vordere Fenster bleibt oben rechts, das hintere unten links. Beide behalten dieselbe Perspektive. Das hintere Fenster zieht sich zunächst zu einem Punkt zusammen und entfaltet sich anschließend entlang einer diagonalen Achse.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Framer Skills
Zu Beginn werden im Eingabefeld nacheinander Schrift- und Anführungszeichenregeln eingegeben. Danach die fertigen Seiten zeigen, damit deutlich wird, dass die Regeln die gesamte Seitengruppe betreffen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Framer Agent Templates
Drei Vorlagen nebeneinander: Die mittlere Karte ist vollständig sichtbar, die seitlichen nur teilweise und abgedunkelt. Beim Wechsel gleitet die gesamte Spur horizontal; erst am Ziel erhält die mittlere Karte ihre Helligkeit zurück.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Link-Wallet für Agenten
Zuerst den Agent installieren und verbinden, dann im Chat eine Reiseänderung anfragen, die Kosten zeigen und zur Bestätigung auf das Smartphone wechseln. Wiederholte Kosten und Händlernamen machen deutlich, dass es dieselbe Anfrage ist.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
Directory: kostenlose Recruiting-Daten
Avatare erscheinen nacheinander um den mittigen Titel, ähnlich groß und mit kurzen Rollenlabels. Der Titel bleibt zweizeilig; die Marken-Zeile ist orange.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Skizzen in Grok in Cartoons verwandeln
Die erste Anfrage macht aus einer Skizze ein Figurenblatt, die zweite daraus eine Animation. Der Chat scrollt nach oben, neue Ergebnisse kommen von unten; die Verbindung zur vorherigen Nachricht bleibt sichtbar.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
3D-Animation
Kostenlose Spracheingabe
Logo- und Buchstabentasten fallen herab und bilden eine Zeile, streuen dann seitlich auseinander und zeigen eine leuchtende schwarze Schallwellenkapsel. Diese wird zum gemeinsamen Anker der folgenden Vorführungen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Anpassung an iPhone Duo
Ein Smartphone im Hochformat tritt mittig ein, dreht sich und entfaltet eine horizontale Zweispaltenansicht. Die Liste bleibt auf einer Seite, Details erscheinen auf der anderen. Derselbe Notizinhalt verbindet beide Formate.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Neue Fähigkeiten von Runway Agent
Zuerst die fertige Produktseite zeigen, dann zur Anfrage zurückgehen, Farben und Produkt extrahieren, Szenen und verschiedene Größen erzeugen und zuletzt Bewegung demonstrieren. Derselbe Lautsprecher taucht in mehreren Ergebnissen wieder auf.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Statuswörter und HyperFrames
Dunkle Monospace-Statuswörter wechseln schnell, dann folgt ein dunkles Doppeldreieck. Grün füllt das Logo von unten nach oben, danach entfaltet sich die weiße Wortmarke.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Funktionsupdate｜450+ Integrationen
Orange Kapseln verbinden Wörter wie connect und with und führen zu einem anklickbaren Plus. Nach dem Klick strömen Symbole auf mehreren Bögen hinein; die Zahl steigt auf 450.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Realfilm-Schnitt
Glass.
Das Glas bleibt fest; Hand und Gefäß bewegen sich dahinter. Das dichte Raster zerlegt Konturen in versetzte Stücke. Die Gesamtansicht erklärt den Rahmen, Nahaufnahmen machen Struktur und Verzerrung sichtbar.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Textanimation
TIDAL｜Typografisches Hauptmotiv, 60-Sekunden-Version
Text ist die Hauptfigur: kurze Wörter werden nach ihrer semantischen Betonung vergrößert, hineingedrängt und fortgesetzt. Rauten schieben Textabschnitte zur nächsten Farbgruppe.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Anordnung von Oberflächenbuttons · 10.7 Sekunden
Drei eingekerbte Effektschaltflächen wie steckbare Module zerlegen und wieder zusammensetzen. Unten beginnen und den engen vertikalen Bezug erhalten.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Creative Cloud｜Magentafarbene Schnittvariante
Kurze schnelle Schnitte zeigen das Logo als räumliche Scheiben, flache Bearbeitung und silberweißes Material. Magenta verbindet alle Versionen.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
EliseAI｜Produktoberfläche auf der Website
Ein vollständiger Terminchat zeigt den Nutzen: Nutzer nennt den Zeitbedarf, Assistenz bietet zwei Optionen, Nutzer bestätigt eine.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Grafikanimation
Wir führen EURR, unseren ersten eurogedeckten Stablecoin, in der Revolut-App ein.
Zwei Münzen tauschen auf demselben Tablett Vorder- und Hintergrundposition. Text bleibt fest, Bewegung konzentriert sich auf die beiden Motive.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Wabi 2.0 vorgestellt: ein neuartiger Messenger, der Apps erstellt und Aufgaben erledigt…
Chatinformationen wachsen zu nutzbaren Mini-Apps, die eine persönliche Startseite bilden.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.
Oberflächenanimation
Präsentationen mit KI erstellen
Erst ein Thema in eine bearbeitbare Gliederung verwandeln, dann in vollständige Folien; beide Generierungen haben klare Ergebnisse.
Nur Videoreferenz; kein bearbeitbares Projekt vorhanden.