Animazione dell’interfaccia
Una nuova era del no-code
Una sfera guida tra pagine, moduli e processi stratificati. Le interfacce sono piani componibili con distanza in profondità, non semplici schermate.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Benvenuti nell’era del no-code
Un passaggio dal buio alla luce trasforma arredi densi di interfacce e codice in un mondo creativo aperto ed esplorabile.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Comet｜Finestra sulla nebulosa
La navigazione resta ancorata in alto; si espande solo la maschera centrale. L’immagine interna e le dimensioni del contenitore vengono gestite separatamente.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione del testo
Framer su un prisma di vetro
Il titolo resta sull’asse centrale e compare parola per parola. Una stretta striscia di vetro si estende da sinistra a destra; il punto più luminoso attraversa il titolo poco dopo.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione del testo
Nuova identità visiva｜Rivelazione del logotipo
Estrarre C da una superficie iridescente ingrandita, ricondurre il volume a lettera e aprire il nome sulla stessa base.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Collegamento di Google Drive a Figma agent
La lettura dei feedback esterni genera modifiche al design, poi un documento ne registra le motivazioni; si completa così il ciclo di lettura e scrittura.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Figma Agent Vectors
I nuovi contenuti generati restano selezionabili, modificabili nei colori e organizzabili nelle animazioni; tre fasi dimostrano la possibilità di modificarli.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Linear — stato della coda di merge nei diff
Il filmato mostra solo un hover locale: lo stato principale resta invariato, il passaggio del puntatore aggiunge il tempo già trascorso in attesa e lo nasconde all’uscita.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Lovable｜Connettori Google
Più icone di strumenti si aggregano prima, poi diventano una alla volta etichette di connettori nel campo di input
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Notion External Agents (integrazione Claude + Cursor)…
La stessa scheda attività rimane presente; lo stato segue Triage→Plan→Build→PR→Ship.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Adattamento a iPhone Duo
Dopo l’apertura aumenta l’area visibile del testo; barra laterale e contenuto seguono una relazione di ritaglio padre-figlio.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Notion as code — spazi di lavoro in TypeScript
Scrivere prima la richiesta, poi mostrare esecuzione e codice; dopo la conferma del deployment, passare al risultato reale nello spazio di lavoro.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
ChatGPT｜Apple Messages
Dopo aver trovato le attività, mostrare una proposta, poi la modifica e la conferma dell’utente; infine mostrare il messaggio ricevuto nella chat di destinazione.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Cloud Computer: distribuire e usare un computer cloud
Spiegare prima l’ambiente di esecuzione persistente, poi dimostrarlo con tre esempi: bot, raccolta dati e deployment
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione del testo
Lancio di Claude Haiku 5.5
Le tre colonne restano ferme, mentre texture interne e orientamenti a L cambiano in modo discreto; cambiare contenuto non equivale a spostare l’intero blocco.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione del testo
Fable 5｜Il ritorno del personaggio pixel
Il nome del prodotto appare lettera per lettera solo quando il personaggio raggiunge l’insegna; movimento e lettere sono collegati causalmente.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Aggiornamento funzionale｜Modalità vocale
Lo stesso cerchio centrale si espande da pulsante a finestra d’immagine, poi torna pulsante; l’identità spaziale rimane continua.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Android Drop — Find Hub, Motion Assist, Gemini
Ogni funzione consiste in una scheda principale e un piccolo feedback collegato.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione grafica
Anteprima di 5 secondi dello stesso progetto · 5.0 secondi
I gruppi di punti si ricostruiscono in sequenza come persone, luoghi e oggetti; i colori seguono le categorie.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione grafica
Grok Bot × Linear
I due marchi rimangono allineati; lo sfondo scorre continuamente senza competere con il testo.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Grok Bot ora può cercare, leggere e monitorare X.
Mostrare prima più fonti consultate, poi condensarle in una sintesi tematica.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Grok Bot · Moduli e accesso nella conversazione
L’agente passa all’utente solo quando serve l’autenticazione; dopo l’input dell’utente il flusso riprende.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione del testo
Grok — 21 voci completamente nuove
Il titolo mantiene posizione e dimensione; il movimento deriva soprattutto dal flusso continuo dello sfondo.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Reception · Accoglienza telefonica multisettore
Le chiamate di più settori stabiliscono prima lo stesso problema; una sola sfera luminosa rappresenta la soluzione al centro
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
ElevenLabs｜Scribe v2
Presentare prima le dimensioni di misura, poi spiegare la capacità tramite cambiamenti concreti del testo
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Composer · Modifica dei brani per sezioni
Passare da una richiesta aperta a sezioni, tempo e tonalità controllabili, fino alla forma d’onda e all’opera
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Polymarket · Scelta della direzione a cinque minuti
Porre prima la domanda decisionale, poi ridurre il terminale complesso a un’operazione con due scelte
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Cursor Multitask / Subagents — /multitask nel nuovo…
Più attività vengono aggiunte alla stessa sessione; il pannello di lavoro indica stabilmente il numero di esecuzioni parallele
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Annotate arriva nella modalità design
Le annotazioni sono ancorate agli elementi bersaglio; numeri e commenti mantengono una corrispondenza uno a uno
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Cursor — ora su iPad
Mostrare prima lo stesso risultato su dispositivi diversi, poi concentrarsi su organizzazione e revisione sul tablet
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Cursor — avviare una web app e distribuirla su Vercel
Mostrare i repository selezionabili, poi sottolineare la creazione da zero; l’anteprima compare solo dopo l’input
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Computer può generare grafici interattivi
Il risultato contiene grafici interattivi. Al passaggio del puntatore le informazioni sui dati reagiscono; non basta ridimensionare l’intero grafico.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Perplexity — Computer portatile su NVIDIA DGX Spark
Gli strumenti locali formano un anello intorno al dispositivo; i modelli cloud sono su un livello separato. Le linee indicano il ricorso al cloud quando necessario, non l’invio esterno dei dati per impostazione predefinita.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione 3D
Migrare a Framer con MCP
La finestra anteriore resta in alto a destra, quella posteriore in basso a sinistra. Mantengono la stessa prospettiva. La posteriore si ritira prima in un punto, poi si apre lungo un asse diagonale.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Framer Skills
All’inizio inserire nel campo, una dopo l’altra, le regole di font e virgolette. Poi mostrare le pagine finite per chiarire che le regole influenzano l’intero insieme.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Framer Agent Templates
Tre modelli in fila: la scheda centrale è completa, le laterali parziali e scurite. Al cambio scorre orizzontalmente tutta la pista; la luminosità centrale torna solo a posizione raggiunta.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Wallet Link per agenti
Installare e collegare prima l’agent, poi chiedere in chat una modifica al viaggio, mostrare i costi e confermare sul telefono. Costi e nome dell’esercente si ripetono tra interfacce per identificare la stessa richiesta.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione del testo
Directory: dati di recruiting gratuiti
Avatar simili per dimensioni compaiono uno alla volta attorno al titolo centrale, con brevi etichette di ruolo. Titolo su due righe, quella del marchio arancione.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Trasformare schizzi in cartoon con Grok
La prima richiesta trasforma lo schizzo in una scheda personaggi, la seconda anima quel risultato. La chat scorre verso l’alto, i risultati entrano dal basso mantenendo il legame con il messaggio precedente.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione 3D
Dettatura gratuita
Tasti con logo e testo cadono in fila, poi si aprono ai lati rivelando una capsula nera luminosa con onda sonora. La capsula diventa l’ancora comune delle dimostrazioni successive.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Adattamento a iPhone Duo
Il telefono verticale entra al centro, ruota e si apre in due colonne orizzontali. Lista da un lato, dettaglio dall’altro; la stessa nota attraversa entrambi i formati.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Nuove capacità di Runway Agent
Mostrare prima la pagina prodotto finale, tornare alla richiesta, estrarre colori e prodotto, generare scene e formati, poi mostrare l’animazione. Lo stesso altoparlante ricorre nei risultati.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Parole di stato e HyperFrames
Parole di stato monospazio poco luminose cambiano rapidamente, poi compare un doppio triangolo scuro. Il verde riempie il logo dal basso; infine si apre il logotipo bianco.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Aggiornamento delle capacità｜450+ integrazioni
Capsule arancioni collegano connect, with e altre parole fino a un più cliccabile. Al clic, icone arrivano lungo archi diversi e il numero cresce fino a 450.
Solo video di riferimento; nessun progetto modificabile fornito.
Montaggio di riprese dal vivo
Glass.
Il vetro resta fermo; mano e contenitore passano dietro. La griglia fitta divide i contorni in segmenti sfalsati. Il campo largo mostra la struttura, il dettaglio lega trama e distorsione.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione del testo
TIDAL｜Visual tipografico principale, versione 60 secondi
Il testo è protagonista: parole brevi si ingrandiscono, entrano compresse e si concatenano secondo l’enfasi semantica. I rombi portano i paragrafi alla palette seguente.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Disposizione dei pulsanti dell’interfaccia · 10.7 secondi
Smontare e ricomporre tre pulsanti intagliati come moduli, iniziando dal basso e mantenendo il rapporto verticale stretto.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Creative Cloud｜Variante a sezioni magenta
Tagli rapidi mostrano logo a fette 3D, editing piano e materia argento-bianca; il magenta lega le versioni.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
EliseAI｜Interfaccia prodotto sul sito ufficiale
Un dialogo completo di prenotazione dimostra il valore: richiesta di orario, due alternative e conferma di una.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione grafica
Introduciamo EURR, la nostra prima stablecoin garantita dall’euro, nell’app Revolut.
Due monete si scambiano davanti e dietro sullo stesso vassoio; testo fisso, movimento concentrato sulle due figure.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Presentazione di Wabi 2.0: un nuovo tipo di messenger che crea app e porta a termine le attività…
Informazioni della chat diventano mini-app utilizzabili, poi una home personale.
Solo video di riferimento; nessun progetto modificabile fornito.
Animazione dell’interfaccia
Creare presentazioni con l’IA
Tema in outline modificabile, poi slide complete; risultati chiari per entrambe le generazioni.
Solo video di riferimento; nessun progetto modificabile fornito.