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
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
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
Linear Agent — posez toutes vos questions, pilotez toutes vos actions
La caméra en vue oblique passe du projet à l’agent ; documents et diagrammes de relations étayent les réponses.
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
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 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 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
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 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.
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
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 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 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 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
Importer des projets et des sites
Les sites au premier plan se succèdent dans une file horizontale ; la zone de saisie du bas reste stable
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 d’interface
Notion Skills — exporter vers les agents de programmation locaux
Les noms d’agents alternent rapidement pour montrer la compatibilité, puis un export complet suivi d’un appel en apporte la preuve.
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
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 d’interface
Manus Skills｜Skills de workflow
Une conversation réussie devient d’abord une entrée de skill, puis rejoint une liste activable
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Claude Code｜Sessions multiples sur ordinateur
La fenêtre principale s’ouvre d’abord, puis passe d’une colonne à un aperçu et du code côte à côte ; les panneaux sont des sous-couches du même espace de travail.
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.
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
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 d’interface
Grok Bot — il peut vous envoyer des notes vocales
Définir d’abord le contenu et l’horaire, puis préciser le format de sortie ; le résultat devient une carte vocale.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Lancement de Magistral
Montrer d’abord les contraintes précises, puis les explications et le code, enfin les résultats exécutés côte à côte.
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
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
Flows Agent — décrivez-le, l’agent relie le workflow
Le langage naturel devient d’abord des dépendances entre nœuds ; les nœuds de sortie attendent les contenus en amont
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
Cursor Origin｜Hébergement de code
Création et synchronisation sont deux entrées vers la même liste de dépôts, puis vers la revue de PR
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cursor SDK — Nous présentons le Cursor SDK pour vous…
Le code s’écrit progressivement, puis se réduit dans la colonne gauche ; le terminal de droite exécute la même configuration
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Créer des applications en direct
Les étapes de mise en place de l’infrastructure se terminent une à une ; l’aperçu de l’application apparaît ensuite.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Deep Research — désormais natif dans Computer
La demande de recherche est confiée à des sous-tâches ; le rapport doit suivre la recherche. Présenter séparément conclusions et sources.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Perplexity｜Calcul local sur Windows
Le réseau d’outils locaux ne doit apparaître qu’après la fin de l’installation ; le recours au cloud nécessite d’abord une confirmation.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Stripe Treasury
Passer de la notification au solde, puis au paiement, à la création de carte et aux actions par dialogue, avant de revenir à la vue d’ensemble. Centrer un seul panneau d’action à la fois ; passer au suivant après confirmation.
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 d’interface
Modèles virtuels d’AI Gateway
Une phrase annonce la capacité, puis un tableau tâches-modèles ou une commande l’illustre. Éviter les explications empilées ; chaque concept est immédiatement suivi d’un usage concret.
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 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 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 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
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 d’interface
Présentation de Glean
Montrer d’abord la compréhension d’une tâche personnelle, puis étendre les préférences à un graphe d’entreprise reliant personnes, projets et données.
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 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 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 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 d’interface
CodeRabbit [blocked] Triage
Montrer d’abord la charge des files et relances de revue, puis transformer la liste en tableau classé par urgence, changements récents et progression. L’orange suit toujours l’élément le plus pressant.
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
Goodfire — comprendre et déboguer votre modèle IA
Présenter la vérification du modèle comme recherche suivable : objet et données, confirmation du plan, découvertes et prochaine expérience.
Référence vidéo uniquement ; aucun projet modifiable fourni.
Animation d’interface
Cash App｜Application produit en portrait
Le même téléphone relie les bénéfices ; fonds noir, gris et vert fluorescent donnent le rythme des chapitres.
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 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
Dub lance Partner Referrals
De l’objet de lancement au revenu d’un partenaire, puis au recrutement et aux analyses globales ; résultat individuel comme entrée aux données produit.
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.