Animation d’interface
Lancement de fonctionnalité｜Figma Motion à Config 2026
L’aperçu du mouvement est synchronisé avec la chronologie ; la position de la tête de lecture correspond à l’état de l’objet.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Agents personnalisés.
Au début, les tâches circulent en ordre puis s’accumulent ; l’agent prend le relais et rétablit une répartition ordonnée, opposant le problème à sa solution.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Framer 3.0｜Lancement de marque et de produit
La lumière initiale introduit les actions de branche et de publication. Le milieu montre des modifications concrètes ; la fin transforme le langage de l’interface en symboles de verre. Le bleu indique la sélection et constitue le fil matériel du film.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Esthétique
La première partie crée une attente esthétique par différentes dimensions du design ; la seconde montre concrètement comment les résultats sont produits
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
watsonx｜Lancement de la plateforme
La même matière filamenteuse alterne détail et totalité ; suffixes produit et capacités se déploient par groupes selon les formes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Orbit｜Annonce de conférence
Reculer depuis les détails de construction des lettres jusqu’au titre lisible, puis flouter le titre en arrière-plan et afficher la date et l’adresse du site au premier plan.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma Draw
Montrer d’abord l’œuvre, puis comment les points de contrôle et les paramètres la modifient ; la fonction doit produire une différence visuelle avant/après.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Ouverture dans l’interface de recherche
Un grand ovale assemble des aplats gris-violet et gris-vert, avec une carte de tâche près du point noir central. L’ensemble rétrécit, des trous ronds blancs apparaissent autour ; le point reste au centre.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Magic Share
Le même travail passe entre ordinateur, tablette et téléphone, en conservant documents, graphiques et collaborateurs dans les transitions, puis devient l’avion de papier de marque.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Qwen3.8-Max : logo texturé et annonce du modèle
Garder le même logo trilobé, changer sa matière intérieure puis le déplacer et l’agrandir sur bleu, libérant place au nom et aux caractéristiques.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Pond｜Lancement du système
Jardin et essaim comme métaphore informatique : grands mots, petits blocs de processus colorés actifs autour.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cyera Research Labs
Construction du logo, couleurs et lettres vers applications de marque ; la même sphère flottante relie pages et messages.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Une nouvelle ère du no-code
Une sphère guide dans des pages, formulaires et processus superposés. Les interfaces sont des plans combinables espacés en profondeur, pas de simples captures.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Twilio｜Présentation motion de la plateforme d’engagement client
Les points de marque entrent dans des scènes humaines et quotidiennes ; lignes, objets rouges et relais de position lient les histoires clients.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lancement de Visual Suite 2.0
Site, tableau blanc, contenu vertical et présentation changent dans la même barre d’outils ; les miniatures du bas servent à naviguer. Prouver d’abord leur coexistence, puis les nouvelles capacités.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Nouvelle identité visuelle｜Slogan plié
Une phrase devient des blocs de mots épais connectés. Face pour lire, côtés irisés pour la matière ; retour à la même face en boucle.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Universe 2023｜Révélation des graphismes de la conférence
De fines lignes dans le noir ouvrent soudain un monde géométrique coloré, puis tout rentre dans le logo central.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Higgsfield API｜Offre de cashback
Les pièces soulignent le gain ; la baisse puis le rétablissement du solde expliquent ensuite le mécanisme du cashback
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Résultats trimestriels｜Bilan de 2026 Q2
Les fenêtres de fonctions sont au premier plan, les textures de lettres géantes à l’arrière-plan ; ces niveaux ne doivent pas fusionner.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Evergreen｜Vue d’ensemble du système visuel
Une grille stable contient de petites boucles ; seule la colonne étroite droite renouvelle les affirmations pour ordonner les ressources.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Identity Digital｜Visuel principal de marque
Le point du domaine mène les transitions : la longue URL se sépare, le point devient une scène géométrique, puis une extension métier plus courte.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Creative Cloud｜Film principal du logo
Un contour de logo traverse plusieurs médias : interface de design, graffiti, images et micro-paysage. Garder la forme centrale à chaque changement de matière.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
TIDAL｜Visuel typographique principal, version 15 secondes
Conserver en quinze secondes cinq accents : salut, position, musique, créateurs et public. Faire lire un seul groupe à la fois.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Harvey II
Le collage papier établit la matière ; carrés, cercles et trous se recomposent. Des cartes produit apparaissent autour du centre et relient formes abstraites, projets, tâches et ressources.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
K3｜Annonce des poids ouverts
Les traits d’écriture deviennent des points distincts, puis plusieurs réseaux et enfin un atlas de connaissances.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Wonderful｜Animation d’annonce de financement
Faire du financement un événement visuel, expliquer la croissance par investisseurs et couverture mondiale, puis revenir au positionnement.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation 3D
Comet｜Une rangée de planètes
Les sphères glissent sur le même axe horizontal, avec un recadrage des deux côtés par la fenêtre. La sphère active grossit légèrement et du texte apparaît.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Deezer｜Logo en cœur et ondes sonores
Faire bouger les ondes séparément avant qu’elles forment ensemble un cœur stable.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
K3.1｜Avant-première sans texte promotionnel
Des bandes de code et des tranches décalées relient plusieurs thèmes, exprimant le lien entre monde physique et calcul.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
GPT-6 Cyber
L’arrière-plan principal bouge lentement en continu ; le texte change au même emplacement.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Bienvenue dans l’ère du no-code
Une traversée de l’obscurité à la lumière ouvre les interfaces et le code serrés sur un univers créatif explorable.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Cloudera｜Court film graphique de marque
Faire des questions sur les données un voyage avec départ, obstacles et confluence, la même équipe allant au même but.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cinq composants dans un cadre violet
Garder contour violet et nom du composant pour que cinq démonstrations rapides appartiennent visuellement à la même boîte à outils. À chaque transition, changer seulement l’objet intérieur, pas la scène.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Parallel Index — être rémunéré quand l’IA utilise votre contenu
L’organisation des nœuds raconte le réseau : connexions ouvertes, nouveaux visiteurs, accès unique multiplié en trafic massif, puis logo d’index.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Lancement de modèles｜GPT-6 Sol / Luna
La progression commence par l’étirement radial des étoiles pour évoquer la vitesse, puis le soleil et le croissant de lune prennent successivement le centre.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Montage en prises de vues réelles
Il existe de nombreux futurs｜Film de marque
L’écriture d’un individu déclenche d’abord une transformation du monde, puis la vision passe d’un idéal unique aux multiples futurs de plusieurs personnes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Comet｜Fenêtre de nébuleuse
La navigation reste ancrée en haut ; seul le masque central s’agrandit. L’image intérieure et les dimensions du conteneur sont traitées séparément.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Le collage d’informations devient écriture à l’encre
Au début, lettres de tailles variées, bandes et formes remplissent l’image. Après réduction de l’ensemble, les fragments rejoignent la ligne de base du mot central. Décaler les sorties d’éléments et l’apparition des nouvelles lettres.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Framer sur un prisme de verre
Le titre reste sur l’axe central et apparaît mot par mot. Une étroite bande de verre s’allonge de gauche à droite ; le point le plus lumineux traverse le titre un peu plus tard.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Nouvelle identité visuelle｜Révélation du logotype
Extraire un C d’une surface irisée agrandie, ramener le volume à une lettre, puis déployer le nom sur la même ligne de base.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Résultats trimestriels｜Affiche de données 2026 Q1
Des lettres géantes de différentes largeurs et des aplats de couleur s’imbriquent étroitement ; les bords recadrés créent de la densité. La barre d’informations inférieure reste fixe.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Avant-première de l’événement｜Make-a-thon à 100 000 dollars
Les deux marques sont centrées, les bulles des participants entrent depuis les bords ; leur réaction collective introduit l’annonce de l’événement.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma Code Layers
L’interface générée par le code est un objet du canevas, comparé côte à côte aux variantes de design ; après mise à jour, il s’agit toujours du même calque de code.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Avant-première de la conférence｜Chargement de Config 2026
Les fragments typographiques sont d’abord dispersés, puis s’assemblent en titre, tandis que la ligne de progression continue indépendamment ; à la sortie, les lettres se dissipent avant que la progression se termine.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Extension de l’écosystème｜5 nouveaux partenaires MCP
Annoncer d’abord la liaison aller-retour, puis montrer l’étendue de l’écosystème par un défilement horizontal d’icônes, avant de se concentrer sur l’outil central.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Lancement de l’événement｜Config Makeathon
Les motifs et la typographie établissent l’identité de l’événement au début, les réalisations montrent rapidement les résultats de la participation au milieu, et la fin annonce sa mise en ligne.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Connexion de Google Drive au Figma agent
La lecture des retours externes entraîne des modifications du design, puis un document en explique les raisons ; la boucle de lecture et d’écriture est ainsi complète.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma × Codex · Transmission du design à la réalisation
Sélectionner d’abord les frames de design avec leurs annotations, puis transmettre le contexte choisi à l’agent de réalisation ; le résultat doit correspondre aux écrans sélectionnés.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Figma Agent Vectors
Les éléments nouvellement générés restent sélectionnables, leurs couleurs modifiables et leurs animations organisables ; trois phases démontrent cette capacité d’édition.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Retouche d’images par IA dans Figma
Chaque exemple suit sélection → action → résultat ; la mise en évidence du sujet n’est qu’un état intermédiaire.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lovable｜Connecteurs Google
Plusieurs icônes d’outils se regroupent d’abord, puis deviennent une à une des étiquettes de connecteurs dans le champ de saisie
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Lovable — les skills dans Lovable.
Le titre reste presque fixe, tandis que des formes souples de différentes tailles tournent et flottent autour
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grande mise à jour de Notion AI (Agents, etc.)
La démonstration se divise en trois parties : exécution, changement de modèle et connexion aux abonnements existants.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Notion — la colonne vertébrale de votre dock
Le fond du bureau et les applications voisines changent rapidement, mais l’icône centrale reste identifiable ; tous les autres éléments disparaissent à la fin, ne laissant que la marque.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Higgsfield · Le cap du milliard de dollars
Attirer d’abord par un grand chiffre, puis expliquer par couches successives avec le temps, les courbes et les captures de médias
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Higgsfield — Cursor pour les motion designers
Le canevas reste visible avec la chronologie et la zone de commandes en dessous, pour montrer les relations de création
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Higgsfield — le plugin est désormais dans l’application ChatGPT
Sélectionner d’abord le plugin et le skill, puis saisir une tâche impliquant plusieurs outils ; les étapes d’exécution apparaissent dans l’ordre
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Higgsfield API｜Interface multimodèle
Une entrée unique se connecte à plusieurs modèles, puis à plusieurs résultats produits
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Percée scientifique｜Résultats en mathématiques et informatique théorique
Chaque thème de recherche est construit avec une figure géométrique, puis réduit à quelques points pour rejoindre la figure suivante.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Avant-première produit｜Annonce liée à Windows
Des demandes semblables se superposent depuis différentes directions avec une légère inclinaison, accumulant la pression des besoins.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
ChatGPT Images 2.6
Montrer d’abord le passage d’une demande statique à une image animée, puis élargir les capacités avec un défilement latéral de cartes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Manus Slides｜Lancement des présentations
Fournir d’abord des exigences de cours précises ; le résultat prouve son exhaustivité avec un sommaire, des graphiques et des pages d’exercices
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Lancement de Claude Haiku 5.5
Les trois colonnes restent fixes, tandis que textures internes et orientations en L changent par étapes ; changer de contenu ne signifie pas déplacer tout le bloc.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Fable 5｜Retour du personnage pixelisé
Le nom du produit apparaît lettre par lettre seulement après l’arrivée du personnage à l’enseigne ; mouvement et lettres sont liés causalement.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude Design — prototypes et diapositives par chat
L’utilisateur saisit d’abord son intention, les résultats sont ensuite montrés, puis les modifications locales et l’export ; les résultats doivent apparaître après l’envoi.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Dans les coulisses｜La création de Claude Code
Les fenêtres s’empilent successivement ; le titre central recouvre la couche supérieure en dernier, tandis que les contenus périphériques gardent des bords reconnaissables.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Lancement du modèle｜Fable 5
Le début installe un univers d’atlas ; au milieu, divers médias partagent le contour du chiffre 5. La reconnaissance repose sur la forme stable plutôt que sur une texture fixe.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Montage en prises de vues réelles
Sonnet 5.5 · Montage macro
Arcs, anneaux et aiguilles aux géométries proches assurent les raccords entre plans ; ce sont des contenus différents, pas la trajectoire continue d’un seul objet.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude — présentations, documents et designs dans le chat
Le même thème de veste passe des diapositives aux designs multiformats, puis au document ; l’identité du contenu est conservée entre formats.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Search On 2020｜Compilation motion du studio de production · 34.6 secondes
Points, capsules et lignes constituent des formes communes, passant des catégories abstraites aux résultats de recherche.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Gemini｜Révélation du logotype
L’ancien texte se décompose en particules, qui s’écoulent dans une direction puis reforment le nouveau nom.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Gemini｜Des photos forment le chiffre 4
Les blocs photo composent un chiffre ; la mise à l’échelle non uniforme change son ratio, et les blocs internes suivent la transformation du parent.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Aperçu de 5 secondes du même projet · 5.0 secondes
Les groupes de points se recomposent successivement en personnes, lieux et objets ; les couleurs suivent les catégories.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Salsa｜Doodle musical
Disques ronds, pavillons et pétales relient la musique jouée aux pas de danse.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Grok Bot｜Empilement de personnages
Chaque personnage atterrit sur le précédent ; après contact, l’ensemble oscille légèrement.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Montage en prises de vues réelles
Grok Bot · Invitation Starship
Attirer par la récompense, l’expliquer immédiatement avec des images sur place, puis montrer les actions de participation et des exemples.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Grok Bot × Linear
Les deux marques restent alignées ; le fond s’écoule continuellement sans rivaliser avec le texte.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Grok — 21 nouvelles voix
Le titre garde sa position et sa taille ; le mouvement vient surtout de l’écoulement continu du fond.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grok Bot｜Court film sur les achats
Le personnage regarde la carte, qui tourne continuellement sur son axe vertical.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Grok Bot｜Lancement Android
La demande humaine apparaît d’abord, suivie du résultat préparé par l’assistant ; l’ordre temporel exprime la réponse.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Grok｜Analyse financière
Les deux marques restent immobiles ; seuls le fluide, la lumière et les ombres bougent.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Grok × Coinbase
Les logos restent fixes sans sauter ; les zones lumineuses du fond passent lentement et soulignent le partenariat.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Le Chat｜Lancement de marque
Chaque capacité commence par une question, puis montre le résultat correspondant ; ne pas diffuser des résultats sans contexte
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Emergent｜Lancement d’applications mobiles
Après une courte phase de construction, une utilisation plus longue sur mobile démontre que le résultat est fonctionnel
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Emergent｜Créer des applications depuis le téléphone
La croissance établit d’abord le contexte, puis le point d’entrée de création passe de l’ordinateur au téléphone
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Reception · Accueil téléphonique multisectoriel
Les appels de plusieurs secteurs établissent d’abord le même problème ; une sphère lumineuse unique représente la solution au milieu
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Composer · Édition de chansons par sections
Passer d’une demande ouverte à des sections, un tempo et une tonalité contrôlables, puis aboutir à la forme d’onde et à l’œuvre
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
ElevenMusic — Aujourd’hui, nous lançons ElevenMusic, un…
Depuis la bibliothèque musicale existante, se concentrer sur un morceau, puis créer davantage d’œuvres avec des prompts et des étiquettes de style
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
ElevenLabs — levée de $500M pour une valorisation de $11B
Après avoir posé le contexte par les chiffres et les références, passer au produit réel ; chacune des trois activités possède son propre système visuel
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Polymarket｜Tableau de données sportives Perps
Après l’annonce de l’événement, expliquer la participation, puis développer la correspondance entre classement et récompenses
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Polymarket · Vue d’ensemble des élections de mi-mandat
Des formes d’États dispersées s’assemblent en carte, traduisant le passage du bruit à l’information structurée
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lancement d’Agent SDK
La proposition abstraite sur la configuration par code doit être suivie d’un tableau d’exécution prouvant l’observabilité du processus
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Annotate ajouté au mode design
Les annotations restent attachées à leur cible ; numéros et commentaires correspondent un à un
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Création de composants Figma avec Cursor — Cursor peut désormais…
Examiner d’abord le système de design et ses variables, puis créer la planche, plutôt que dessiner librement une image ressemblante
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Intégration Perplexity AI / Snowflake — Computer désormais…
Introduire la question à partir d’une carte de données existante ; après la connexion à la source, montrer la requête et le rapport comme preuves.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity — Computer portable sur NVIDIA DGX Spark
Les outils locaux entourent l’appareil en anneau ; les modèles cloud occupent un niveau distinct. Les liens indiquent un recours au cloud à la demande, pas un transfert externe des données par défaut.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Connexion de Framer à Cursor
Passer du gros plan sur le clavier à un champ sombre, puis au tableau du CMS après la saisie. Des cadres bleus apparaissent le long des lignes pour montrer qu’une requête agit sur plusieurs données.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation 3D
Migrer vers Framer avec MCP
La fenêtre avant reste en haut à droite, celle de derrière en bas à gauche. Elles gardent la même perspective. La fenêtre arrière se replie d’abord en un point, puis se déploie sur un axe diagonal.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Framer Skills
Au début, saisir successivement dans le champ les règles de police et de guillemets. Montrer ensuite les pages achevées pour faire comprendre que ces règles concernent l’ensemble des pages.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Framer Agent Templates
Trois modèles sont alignés ; la carte centrale apparaît entièrement, les deux autres partiellement et assombries. Au changement, toute la piste coulisse horizontalement ; la carte centrale ne retrouve sa luminosité qu’une fois en place.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Geist Serif
Un logo triangulaire mène à un dessin technique bleu, puis au contour agrandi d’un caractère. Lignes fines, cotes et points de contrôle expliquent les traits sans masquer la lettre.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Course de drones AI Grand Prix
Des segments noirs dispersés composent AI–GP. Cadres de contrôle rouge-orangé, lignes croisées et points de position apparaissent avec les traits. Sous-titre et organisateur sont alignés verticalement.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lancement du produit Zaro
Une saisie produit d’abord un tableau clients ; viennent ensuite agent, outils externes et questions sur fichiers. Chaque capacité ajoutée revient au même objet de travail. Finir en reculant vers un réseau de plusieurs applications.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Données de cybersécurité
Titre aligné à gauche, Cybersecurity Data en orange. La matrice de points en dessous s’allume localement. Puis tout l’écran devient orange ; de grands chiffres blancs augmentent rapidement, avant vulnerabilities.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Directory : données de recrutement gratuites
Les avatars apparaissent successivement autour du titre central, de tailles proches et munis de courts rôles. Garder deux lignes de titre, celle de la marque en orange.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Ad Studio : coller un lien pour créer toutes les publicités
Après saisie d’un lien, rassembler les affiches environnantes en logo, couleurs, polices et ressources produit. Le produit entre dans un anneau de combinaisons ; la matrice publicitaire ne se déploie qu’après l’augmentation du compteur.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Collaboration dans Krea Nodes
Plusieurs curseurs colorés tracent les courbes des lettres ; nœuds et extrémités noirs restent sur les formes. Le titre complet se réduit ensuite à un nœud vide, reliant métaphore graphique et action réelle.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Transformer un croquis en cartoon dans Grok
La première requête transforme une esquisse en fiche de personnages ; la suivante anime ce résultat. Le chat défile vers le haut, les nouveaux résultats entrent par le bas et restent reliés au message précédent.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Graphisme vectoriel｜Avant-première du lancement
Avancer de l’affiche entière vers la planète, puis une courbe du contour jaune. Le grossissement augmente sans cesse, mais les bords restent lisses ; le centre du zoom reste sur le même détail.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Connexion d’Hermes à Omarchy
Des lignes de perspective partent d’un petit trou central et deviennent quatre parois quadrillées. Après une avancée, elles se resserrent sur les côtés pour réserver deux positions de logo symétriques.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Refonte des abonnements
Cloud en haut, appareils en bas, reliés par des lignes verticales lumineuses. Atténuer les informations de terminal autour ; garder une composition centrale verticale.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Dia s’ouvre aux membres d’Arc
Une forme lumineuse monte du bas en rétrécissant, puis devient une flèche d’envoi. Le champ s’étend horizontalement, faisant passer naturellement de la présentation de marque à l’action.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Nouveau produit, nouvelle identité visuelle
Blason, courte phrase et lien restent centrés, avec une navigation discrète aux quatre coins. Le curseur bleu dessine un arc dans le vide, puis revient au texte central, unique foyer dynamique.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation 3D
Saisie vocale gratuite
Des touches de logo et de texte tombent en ligne, puis s’écartent pour révéler une capsule noire lumineuse à onde sonore. Elle devient le point d’ancrage commun des démonstrations suivantes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Nouvelles capacités de Runway Agent
Montrer d’abord la page produit finale, puis revenir à la requête, extraire couleurs et produit, générer scènes et formats, finir par l’animation. La même enceinte se retrouve dans plusieurs livrables.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Mots d’état et HyperFrames
Des états à chasse fixe peu lumineux changent vite, puis un double triangle sombre apparaît. Le vert remplit le logo de bas en haut, avant le déploiement du mot-symbole blanc.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Avant-première de Suno Studio
Après activation du bouton rouge, l’onde grandit de gauche à droite. Passer à la liste des sons, puis à plusieurs pistes colorées. Progression de l’enregistrement et tête de lecture avancent dans le même sens.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Sélecteur de version SUNO
V en haut, 6 en bas ; bord orange et intérieur rose forment un éclat multicouche. Le petit nom de marque central reste fixe. Le contrôle apparaît seulement lorsque les caractères quittent le haut et le bas.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Site, présentation et visuel de lancement racontent la même histoire
Après la demande d’un site de café, demander une présentation et des visuels de publication. Les trois partagent photos, palette brune et titres à empattements, prouvant la réutilisation du contexte.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Mise à jour des capacités｜450+ intégrations
Des capsules orange relient connect, with et d’autres mots jusqu’à un plus cliquable. Au clic, des icônes affluent sur plusieurs arcs et le compteur atteint 450.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lancement de Slides
Après le thème, générer couverture, contenu et notes orales ; miniatures toujours à gauche. Parcourir les pages pour montrer la continuité des couleurs, polices et illustrations.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Dégager un H d’un bloc de plâtre
Faire tourner le cube en reculant. Lorsque de fines fissures blanches apparaissent sur les arêtes, les faces s’écartent. H reste au centre initial ; la séparation augmente jusqu’à la sortie des panneaux.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Refonte de Devin Desktop
Chaque section montre la fenêtre entière, puis se rapproche de la zone active : arbre de conversations, terminal, test d’appareil, règles ou PR. Les sous-titres fixes en bas expliquent l’action.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Vidéo de lancement de Mercor
Après les critères de compétence, afficher les candidats, ouvrir entretien et transcription, puis recrutement, présentation et paiement. La même personne relie les étapes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Montage en prises de vues réelles
Glass.
Le verre reste fixe, main et récipient passent derrière. La fine grille fragmente les contours en segments décalés. Le plan large montre le cadre, le gros plan relie texture et déformation.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Présentation de Muse｜Lancement de l’assistant IA personnel
Relier trois tâches quotidiennes : comprendre le besoin dans un message, montrer le travail en cours, puis s’arrêter distinctement aux décisions utilisateur.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Possédez les moyens de production. Révoltez-vous avec nous.
Reculer rapidement depuis un logo et des lettres rouges en très gros plan vers une petite composition. Le grand vide noir crée une brève apparition de marque.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Databricks — GLM 5.3 Flash sur le Lakehouse
Sélectionner le nouveau modèle dans la liste existante et synchroniser son nom dans l’annonce de marque.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
TIDAL｜Visuel typographique principal, version 60 secondes
Le texte est le protagoniste : mots courts agrandis, comprimés dans le cadre et enchaînés selon l’accent sémantique. Les losanges poussent chaque passage vers la palette suivante.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Bolt Template Marketplace｜Place de marché de modèles
Montrer l’éventail des modèles, agrandir un site complet navigable, puis le transformer pour une autre activité via un prompt.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Bolt Skills｜Démonstration des capacités d’équipe
Transformer les consignes répétées en compétences appelables ; un changement de palette prouve leur effet réel sur la page.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Jitter Superagents｜Démonstration des capacités produit
Associer une consigne à son effet sur la toile : remixer le modèle, arranger les points, décaler les pistes, puis multiplier formats et langues.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Animation typographique · 3.5 secondes
Toute l’animation repose sur échelle et alignement du texte : détail de lettre, phrase entière, puis colonne mobile de verbes d’action.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Disposition des boutons d’interface · 10.7 secondes
Démonter puis réassembler trois boutons à encoches comme des modules. Commencer par celui du bas et garder la proximité verticale.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Animation d’icônes · 10.3 secondes
Transformer continuellement un symbole autour du même centre. Encoches, trous et segments changent le sens, au lieu de fondus entre icônes séparées.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Animation de chiffres · 6.1 secondes
Compter à rebours avec trois grands chiffres, puis ouvrir une grille de neuf pour montrer angles et arrondis d’une même famille.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Creative Cloud｜Variante verte en volume
Des coupes de matière au même endroit, en moins de deux secondes, relient forme organique verte, paysage et tubes irisés dans une famille de logos.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Creative Cloud｜Variante en tranches magenta
Des coupes rapides montrent le logo en tranches 3D, édition plane et matière argent-blanc ; le magenta relie les versions.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Creative Cloud｜Variante graphique colorée
Le même logo passe par trait fin, métal, fleurs et collage. Position et vide constants forment une série cohérente.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Creative Cloud｜Variante orange dessinée à la main
Orange et jaune guident les coupes entre dessin, liquide, tube et fleurs planes ; la courbe unit les matières.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Universe 2023｜Boucle géométrique
Une sphère, un disque et un carré forment une rotation compacte. Le carré tourne autour du centre ; les occultations donnent de la profondeur aux plans.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Boucle de motifs géométriques · 10.0 secondes
Quatre motifs plein écran se succèdent : rythme anguleux dur, vagues souples, puis points de tailles différentes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Miro｜Compilation de lancements produit
Un même projet produit traverse objectifs, recherche, design et développement. Garder son nom ou sa question à chaque vue pour une progression continue.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
North 2 — arrive en octobre 2026
Un balayage vert révèle le nouveau nom ; couches transparentes et aurore sombre restent discrètes. Le nom devient enfin deux promesses courtes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Exa — donner à Codex et ChatGPT accès à 100B+ sites web
Poser une question concrète nécessitant des sources externes, puis montrer recherche et réponse structurée. Résumer l’intégration seulement à la fin.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Factory｜Lancement de 2.0
Décomposer d’abord la production logicielle, puis montrer les indicateurs dans le même ordre. Chaque étape annoncée doit correspondre à l’interface réelle.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Persimmon — un modèle qui simule les personnes
Une affiche de fruit représente un individu, puis se déploie en nombreux échantillons distincts. Les particules traversent les frontières des affiches pour passer de l’individu à l’interaction.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Collage de navigateurs des années quatre-vingt-dix
Une phrase sur la mémoire du réseau forme l’axe, recouverte d’illustrations de savoir puis de premières pages web, vers l’ère du navigateur.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Titre contextuel en anneau
Peu de mots et de fins cercles déplacent l’attention de l’agent vers le contexte dont il dépend.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Révélation par assemblage du logo · 8.0 secondes
Décomposer l’ancien signe en unités minimales puis reconstruire symbole et nom avec les mêmes couleurs.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Présentation de Prime Agent : un harness RLM auto-améliorant pour le code et les tâches longues …
Montrer d’abord le mécanisme par code et états, puis conclure avec résultats et totaux.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Resend Inboxes
Amener un calme inbox sombre au premier plan, puis révéler le lancement par un titre immense et un contre-jour.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Nous déployons EURR, notre premier stablecoin adossé à l’euro, dans l’application Revolut.
Deux pièces échangent leur position avant-arrière sur le même plateau ; texte fixe, mouvement concentré entre elles.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Airtable｜Créer des applications avec l’IA
Montrer génération d’app par demande et résultat côte à côte, puis intégrer mise à jour de pièces jointes et autres cas dans la même grammaire.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
AI Labs｜Éléments d’interface
Plusieurs interfaces manipulables montrent la personnalisation, chacune clôturée par un retour explicite.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Rétrospective de l’évolution du produit
Nom de marque fixe, relais entre icône, version et suffixe produit, puis retour à la marque seule.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Think｜Logotype de la conférence
Des lettres 3D aux orientations diverses s’alignent dans le même sens de lecture, puis le mot-symbole reste calme.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Uber Go Get It｜Extrait d’animation graphique de marque
Des valises répétées glissent et basculent autour d’une phrase fixe, lisible dans le motif continu.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Boucle illustrée de recharge du portefeuille
Emprunter le ravitaillement pour le portefeuille : buse alignée, pièces versées, portefeuille rempli. L’action explique la recharge.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Présentation de Wabi 2.0 : un nouveau type de messagerie qui crée des applications et accomplit des tâches…
Les informations du chat deviennent de petites apps utilisables, puis composent une page personnelle.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Whop — présentation de Whop Treasury : obtenez 6% de rendement sur…
Un transfert de solde change la répartition du compte ; graphiques et dépôt prolongent l’explication.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
GLM-5V-Turbo — modèle de programmation visuelle
Garder entrées et résultats ensemble ; esquisses, images et captures vidéo prouvent différentes capacités visuelles.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Créer des présentations avec l’IA
Du thème au plan modifiable, puis aux diapositives complètes ; deux générations avec résultats distincts.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Bluevine｜Animation géométrique de marque
Montrer la construction géométrique du mot-symbole, puis transformer les arcs en symbole et icône autonomes.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Underlord｜Modèles vidéo
Montage vidéo comme échange clair de ressources : preset, vidéo, format confirmé, charte, puis résultats en deux ratios.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
QuiverAI Arrow 2｜Génération vectorielle
Expliquer le vectoriel par chemins éditables, catégories et supports réels, puis variantes de même style.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Rive CLI — créer des fichiers Rive avec votre agent
Des œuvres changeant réellement d’état prouvent l’interaction : jeu, contrôle, système de design et séquenceur, une action claire chacun.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Suki｜Court film de marque en lignes et texte
Deux faisceaux fins représentent cliniciens et outil ; leur rencontre devient un fil visuel traversant les soins réels.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Supabase — connecteur dans Gemini Enterprise
Activer une source dans le chat : menu, connecteur, question ciblée, puis deux marques ensemble.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Deezer｜Fond animé Live the Music
L’onde de fond respire sans cesse ; le titre central reste clair et fixe.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Faculty｜Proposition de marque en texte dégradé
Trois messages sur des champs de couleur lents, lettres brièvement disloquées seulement aux transitions.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation graphique
Uniqode｜Court film de marque en matrice de points
Une même trame de points lie motifs géométriques, scènes réelles et marque.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Uniqode｜Assemblage et dispersion de texte en points
Assembler des particules éparses en phrase lisible puis la défaire avec les mêmes particules.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation de texte
Wise｜Animation de caractères et symboles monétaires
Expliquer l’origine de la police, montrer les détails, puis l’appliquer aux devises et palettes.
Référence vidéo uniquement ; aucun projet modifiable fourni.