Animación de interfaz
Lanzamiento de función | Figma Motion en Config 2026
Sincronizar la vista previa del movimiento con la línea de tiempo; la posición del cabezal corresponde al estado del objeto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Agentes personalizados.
Las tareas empiezan ordenadas y terminan amontonándose; cuando los agentes toman el control, recuperan una distribución ordenada, contrastando problema y solución.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Framer 3.0｜Lanzamiento de marca y producto
La luz inicial introduce las acciones de ramificación y publicación; en el centro se muestran resultados concretos de edición y al final el lenguaje de la interfaz se abstrae en símbolos de cristal. El azul indica tanto la selección como el material visual que une toda la pieza.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Estética
La primera parte crea expectativas estéticas mediante distintas dimensiones del diseño; la segunda explica cómo se consiguen mediante acciones reales
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
watsonx｜Lanzamiento de plataforma
Alternar detalle y conjunto del mismo material filamentoso, agrupando sufijos del producto y capacidades según cada forma.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Orbit | Avance de conferencia
Alejarse desde detalles de construcción de letras hasta un título legible, desenfocarlo como fondo y mostrar fecha y URL en primer plano.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Figma Draw
Mostrar primero la obra y después cómo los puntos de control y parámetros la modifican; cada función debe producir una diferencia visual entre antes y después.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Apertura en la interfaz de investigación
Un gran óvalo formado por planos violetas y verdes grisáceos rodea una tarjeta de tarea cercana al punto negro central. El conjunto se reduce gradualmente, aparecen huecos circulares blancos fuera y el punto negro permanece centrado.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Magic Share
El mismo trabajo pasa entre escritorio, tableta y teléfono; conservar documentos, gráficos y colaboradores durante las transiciones y cerrar con un avión de papel de marca.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Qwen3.8-Max: símbolo con materiales y anuncio del modelo
Conservar el símbolo de tres pétalos, cambiar primero sus materiales y después ampliarlo y desplazarlo sobre azul para dar espacio al nombre y los parámetros del producto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Pond｜Lanzamiento del sistema
Usar jardín y enjambre como metáforas del sistema informático: grandes palabras presentan la propuesta mientras pequeños bloques de procesos de colores permanecen activos alrededor.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cyera Research Labs
Pasar de la construcción de símbolo, colores y letras a aplicaciones de marca y conectar web y propuesta mediante la misma esfera flotante.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Una nueva era del no-code
Usar una esfera como guía visual entre páginas, formularios y flujos en capas. Las interfaces son planos combinables con profundidad, no simples capturas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Twilio｜Introducción animada a la plataforma de interacción con clientes
Llevar los puntos de marca a personas y escenas cotidianas, conectando historias mediante las mismas líneas, objetos rojos y relevos de posición.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Lanzamiento de Visual Suite 2.0
Alternar web, pizarra, contenido vertical y presentación dentro de la misma barra de herramientas, usando miniaturas inferiores para navegar. Demostrar primero la convivencia de formatos y después introducir capacidades concretas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Nueva identidad｜Lema plegable
Convertir una frase en bloques de palabras conectados y con grosor. La cara frontal permite leer y los lados muestran material iridiscente; el bucle vuelve a la misma posición frontal.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Universe 2023｜Presentación de los gráficos del evento
Desplegar instantáneamente un mundo geométrico de colores desde finos contornos en la oscuridad y recogerlo después en el símbolo central.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Higgsfield API | Campaña de reembolso
Las monedas destacan el beneficio; después, la disminución y reposición del saldo explican el mecanismo de reembolso
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Resultados trimestrales | Resumen del Q2 de 2026
Mantener las ventanas funcionales en primer plano y las letras gigantes como textura de fondo, sin fusionar ambos niveles.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Evergreen｜Resumen del sistema visual
Una cuadrícula estable contiene pequeños bucles distintos; solo la columna estrecha derecha alterna propuestas, dando orden de lectura a la variedad de materiales.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Identity Digital｜Identidad visual de marca
Convertir el punto del dominio en protagonista de las transiciones: separar una URL larga, ampliar el punto a una escena geométrica y terminar en una extensión sectorial más breve.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Creative Cloud｜Pieza principal del símbolo
Un contorno de marca atraviesa medios creativos: interfaz de diseño, grafiti, imágenes y paisajes en miniatura. Conservar la forma central en cada cambio de material.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
TIDAL｜Identidad tipográfica, versión de 15 segundos
Conservar en quince segundos cinco énfasis: saludo, postura, música, creadores y oyentes; leer solo un grupo de palabras cada vez.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Harvey II
Establecer la textura mediante collage de papel, reorganizando bloques, círculos y huecos; las tarjetas del producto aparecen alrededor del objeto central para conectar la geometría abstracta con proyectos, tareas y recursos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
K3 | Avance de pesos abiertos
Convertir trazos escritos en puntos discretos, formar varias redes y ampliarlas a un atlas de conocimiento.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Wonderful｜Animación del anuncio de financiación
Convertir primero el importe captado en un acontecimiento visual, explicar el crecimiento mediante inversores y cobertura mundial y regresar al posicionamiento del producto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación 3D
Comet | Una fila de planetas
Deslizar esferas por un eje horizontal, recortar los extremos y ampliar levemente la activa mientras aparece su texto
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Deezer｜Símbolo de corazón con ondas sonoras
Animar primero ondas independientes y reunirlas después en un corazón estable.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
K3.1 | Avance sin texto
Conectar temas mediante tiras de código y fragmentos desplazados para expresar el vínculo entre mundo físico y computación.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
GPT-6 Cyber
Mantener el fondo principal en movimiento lento y sustituir el texto en la misma posición.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Bienvenido a la era del no-code
Recorrer un espacio de la oscuridad a la luz para convertir áreas compactas de interfaz y código en un mundo creativo abierto y explorable.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Cloudera｜Cortometraje gráfico de marca
Introducir preguntas sobre datos empresariales en un viaje con origen, obstáculos y confluencias y llevar al mismo grupo de personajes hacia un destino común.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cinco componentes en un marco violeta
Fijar el contorno violeta y los nombres de los componentes para que las cinco demostraciones rápidas parezcan parte del mismo conjunto de herramientas. En cada cambio, sustituir solo los objetos interiores sin mover el escenario.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Parallel Index — recibe pagos cuando la IA utiliza tu contenido
Narrar la evolución de la red organizando nodos: conexiones abiertas, nuevos visitantes, expansión desde una visita a tráfico masivo y cierre en un símbolo de índice.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Lanzamiento de modelo | GPT-6 Sol / Luna
Establecer velocidad estirando estrellas radialmente y hacer que el sol y la luna creciente ocupen el centro en secuencia.
Solo referencia de vídeo; no se incluye un proyecto editable.
Montaje de imagen real
There are many futures | Película de marca
La escritura de una persona provoca cambios en el mundo; después, pasar de un ideal único a los futuros diversos de muchas personas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Comet | Ventana de nebulosa
Fijar la navegación arriba y expandir solo la máscara central; separar imagen interna y tamaño del contenedor.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
El collage de información se convierte en letras de tinta
Llenar primero la pantalla con letras de distintos tamaños, bandas y figuras; tras reducir el conjunto, acercar los fragmentos a la línea base de la palabra central. Escalonar la salida de elementos y la aparición de nuevas letras.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Framer sobre un prisma de cristal
Fijar el título en el eje central y revelarlo palabra a palabra; una tira estrecha de cristal se extiende de izquierda a derecha y el punto de luz más brillante cruza el título poco después.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Nueva identidad｜Revelación del logotipo
Extraer una C de una superficie iridiscente ampliada, recoger el volumen en una letra y desplegar después el nombre completo sobre la misma línea base.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Resultados trimestrales | Póster de datos del Q1 de 2026
Encajar letras gigantes de distintos anchos con bloques de color; los bordes recortados crean densidad y la franja informativa inferior permanece fija.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Avance del evento | Make-a-thon de 100.000 dólares
Centrar las dos marcas e introducir burbujas de participantes desde los bordes; la respuesta colectiva da paso al anuncio del evento.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Figma Code Layers
Tratar la interfaz generada por código como un objeto del lienzo y compararla junto a variantes de diseño; tras actualizarla, sigue siendo la misma capa de código.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Avance de conferencia | Config 2026 loading
Los fragmentos de letras pasan del desorden al título mientras la línea de progreso crece de forma independiente; al salir, dispersar primero las letras y completar después el progreso.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Expansión del ecosistema | 5 nuevos socios de MCP
Presentar primero la idea del intercambio de ida y vuelta, recorrer horizontalmente los iconos para demostrar el alcance del ecosistema y terminar enfocando la herramienta principal.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Evento disponible | Config Makeathon
Establecer la identidad del evento con patrones y letras al inicio, mostrar rápidamente obras como prueba de lo que se puede crear y anunciar al final que ya está disponible.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Google Drive se integra con Figma agent
Leer comentarios externos, modificar el diseño y generar un documento que registre los motivos de los cambios, cerrando el ciclo de lectura y escritura.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Figma × Codex · Traspaso de diseño a implementación
Seleccionar primero marcos de diseño con anotaciones y entregar ese contexto al agente de implementación; el resultado debe corresponder a las pantallas seleccionadas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Figma Agent Vectors
Los recursos recién generados se pueden seleccionar, recolorear y animar; demostrar la editabilidad en esas tres etapas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Edición de imágenes con IA de Figma
Mostrar cada ejemplo como selección → acción → resultado; resaltar el sujeto es solo un estado intermedio.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Lovable | Conectores de Google
Agrupar primero varios iconos de herramientas y convertirlos después, uno por uno, en etiquetas de conectores dentro del campo de instrucciones
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Lovable — skills en Lovable.
Mantener el título casi fijo mientras formas suaves de distintos tamaños flotan y giran a su alrededor
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Gran actualización de Notion AI (Agents y más)
Dividir la demostración de capacidades en ejecución, cambio de modelo y conexión de una suscripción existente.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Notion — la base de tu Dock
Cambiar rápidamente fondos de escritorio y aplicaciones periféricas mientras el icono central sigue reconocible; retirar los demás elementos al final y dejar solo la marca.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Higgsfield · Hito de mil millones de dólares
Captar la atención con una gran cifra y explicarla después por capas mediante tiempo, curvas y capturas de medios
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Higgsfield — Cursor para diseñadores de movimiento
Mantener visibles simultáneamente el lienzo, la línea de tiempo inferior y el área de instrucciones para mostrar su relación en la creación
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Higgsfield — plugin ya disponible en la app de ChatGPT
Seleccionar el plugin y la skill antes de introducir una tarea entre herramientas, y mostrar los pasos de ejecución en orden
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Higgsfield API | Interfaz multimodelo
Conectar una entrada a varios modelos y estos a distintos resultados de producto
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Avance de investigación | Resultados en matemáticas e informática teórica
Introducir cada tema de investigación con un diagrama geométrico y reducirlo a unos pocos puntos para conectarlo con el siguiente.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Avance de producto | Anuncio relacionado con Windows
Superponer solicitudes similares desde distintas direcciones con ligeras inclinaciones para acumular presión de demanda.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
ChatGPT Images 2.6
Mostrar primero cómo una petición estática produce una imagen animada y ampliar después las capacidades con tarjetas que se desplazan horizontalmente.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Manus Slides | Lanzamiento de presentaciones
Dar requisitos claros del curso y demostrar la integridad del resultado mediante índice, gráficos y páginas de ejercicios
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Lanzamiento de Claude Haiku 5.5
Mantener fijas las tres columnas y cambiar discretamente las texturas internas y orientaciones en L; cambiar recursos no equivale a desplazar el bloque completo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Fable 5 | Regresa el personaje de píxeles
Revelar el nombre del producto letra a letra solo cuando el personaje llegue al letrero, vinculando causalmente movimiento y letras.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Claude Design — prototipos y diapositivas por chat
Dejar que el usuario introduzca su intención, mostrar el resultado y demostrar después ediciones locales y exportación; el resultado debe aparecer después del envío.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Contenido entre bastidores | The making of Claude Code
Superponer ventanas en secuencia y colocar el título central encima al final; conservar bordes reconocibles del contenido periférico.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Lanzamiento de modelo | Fable 5
Establecer primero un contexto de atlas y hacer que medios diferentes compartan después el contorno del 5; el reconocimiento depende de la forma estable, no de una textura fija.
Solo referencia de vídeo; no se incluye un proyecto editable.
Montaje de imagen real
Sonnet 5.5 · Montaje macro
Enlazar planos mediante geometrías semejantes como arcos, anillos y agujas; son recursos distintos, no la trayectoria de un mismo objeto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Claude — presentaciones, documentos y diseños en el chat
Derivar diseños de distintos tamaños de unas diapositivas sobre la misma chaqueta y convertirlos en documento, preservando la identidad entre formatos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Search On 2020 | Montaje del estudio creador · 34.6 segundos
Usar puntos, cápsulas y líneas como elementos comunes, pasando de categorías abstractas a resultados de búsqueda.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Gemini | Revelación del logotipo tipográfico
Descomponer el texto anterior en partículas, moverlas con dirección y recomponerlas en el nuevo nombre.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Gemini | Fotos que forman el número 4
Formar una cifra con mosaicos fotográficos y cambiar su proporción mediante escala global no uniforme; los bloques internos siguen la transformación del padre.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Vista previa de 5 segundos del mismo proyecto · 5.0 segundos
Reconstruir puntos en personas, lugares y objetos por turnos, con colores según la categoría.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Salsa | Doodle musical
Conectar interpretación musical y pasos de baile mediante discos circulares, campanas de instrumentos y pétalos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Grok Bot | Personajes apilados
Dejar caer cada personaje sobre el anterior y hacer oscilar levemente el conjunto tras el contacto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Montaje de imagen real
Grok Bot · Campaña de invitación a Starship
Captar atención con la recompensa, explicarla de inmediato mediante imágenes del lugar y presentar pasos de participación y ejemplos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Grok Bot × Linear
Alinear y fijar ambas marcas mientras el fondo fluye sin competir con el texto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Grok — 21 voces completamente nuevas
Fijar posición y tamaño del título; el movimiento procede principalmente del flujo continuo del fondo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Grok Bot | Clip de compras
Dirigir la mirada del personaje hacia la tarjeta mientras gira continuamente sobre su eje vertical.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Grok Bot | Lanzamiento en Android
Mostrar la petición humana antes del resultado preparado por el asistente, expresando respuesta mediante el orden temporal.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Grok | Análisis financiero
Mantener inmóviles las dos marcas; los cambios de fluido y luz son el único movimiento principal.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Grok × Coinbase
Mantener fijos los logotipos sin saltos mientras las zonas claras del fondo pasan lentamente, destacando la colaboración.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Le Chat | Lanzamiento de marca
Preguntar antes de mostrar el resultado de cada capacidad, sin reproducir trabajos fuera de contexto
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Emergent | Lanzamiento de apps móviles
Tras una construcción breve, dedicar más tiempo a operar el teléfono para demostrar que el resultado es utilizable
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Emergent | Crear apps desde el móvil
Usar el crecimiento para establecer contexto y trasladar después el acceso de creación del ordenador al teléfono
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Reception · Atención telefónica para distintos sectores
Plantear el mismo problema mediante llamadas de varios sectores y presentar una esfera luminosa como solución en la parte central
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Composer · Edición de canciones por secciones
Pasar de una solicitud abierta a secciones, tempo y tonalidad controlables, terminando en onda y obra final
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
ElevenMusic — hoy lanzamos ElevenMusic, una…
Enfocar una canción de la biblioteca y ampliar a más obras mediante instrucciones y etiquetas de estilo
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
ElevenLabs — ronda de 500 millones de dólares con una valoración de 11.000 millones
Establecer contexto con cifras y respaldo antes del producto real, dando un sistema visual propio a cada una de tres líneas de negocio
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Polymarket | Panel de datos del evento Perps
Anunciar el evento, explicar cómo participar y desplegar después la relación entre clasificación y premios
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Polymarket · Panorama de elecciones de medio mandato
Dispersar formas de estados y ensamblarlas en un mapa para expresar el paso del ruido a información estructurada
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Lanzamiento de Agent SDK
Acompañar los mensajes abstractos sobre configuración con un panel en ejecución que demuestre observabilidad
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Annotate llega a design mode
Fijar anotaciones a sus elementos de destino, con correspondencia exacta entre números y comentarios
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Creación de componentes de Figma con Cursor — Cursor ya puede…
Consultar el sistema de diseño y variables existentes antes de crear mesas de trabajo, sin dibujar libremente algo parecido
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Integración de Perplexity AI con Snowflake — Computer ahora…
Introducir la pregunta a partir de tarjetas de datos existentes y mostrar consultas e informes después de conectar la fuente.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Perplexity — Portable Computer en NVIDIA DGX Spark
Rodear el dispositivo con herramientas locales y colocar modelos en nube en otra capa; las conexiones indican escalado cuando hace falta, no envío externo por defecto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Framer se integra con Cursor
Pasar del teclado en primer plano a una entrada oscura y cortar al CMS tras terminar de escribir. Mostrar bordes azules por filas para indicar que una petición afecta a varios registros.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación 3D
Migrar a Framer con MCP
Fijar la ventana delantera arriba a la derecha y la trasera abajo a la izquierda con la misma perspectiva. Contraer la trasera a un punto antes de expandirla por el eje diagonal.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Framer Skills
Al inicio, introducir sucesivamente reglas de tipografía y comillas en el campo de entrada; después, mostrar la página terminada para dejar claro que las reglas afectan al conjunto de la página.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Plantillas de Framer Agent
Alinear tres plantillas horizontalmente, mostrando la tarjeta central completa y solo parte de las laterales, oscurecidas. Al cambiar, desplazar horizontalmente toda la pista y devolver el brillo a la tarjeta central solo cuando llegue a su posición.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Geist Serif
Entrar mediante el símbolo triangular en un plano técnico azul y ampliar después el contorno de una letra. Las líneas finas, cotas y puntos de control explican la estructura de los trazos sin dominar la forma.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Carrera de drones AI Grand Prix
Los trazos negros se ensamblan desde segmentos dispersos hasta formar AI–GP; los marcos de control naranja rojizo, cruces y puntos de posición aparecen con ellos. Alinear verticalmente el subtítulo y el organizador.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Lanzamiento de Zaro
Generar un panel de clientes a partir de una sola entrada, añadir después un agente, herramientas externas y consultas sobre archivos. Cada nueva capacidad vuelve al mismo objeto de trabajo; al final, alejarse para mostrar una red de aplicaciones.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Datos de ciberseguridad
Alinear el título a la izquierda y colorear Cybersecurity Data en naranja; la matriz de puntos inferior se ilumina parcialmente. Después, toda la pantalla se vuelve naranja, crecen rápidamente grandes cifras blancas y aparece vulnerabilities.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Directory: datos gratuitos de contratación
Los avatares aparecen sucesivamente alrededor del título central, con tamaños similares y breves etiquetas de identidad. Mantener el título en dos líneas y colorear en naranja la línea de la marca.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Ad Studio: pega un enlace y crea toda una campaña
Después de introducir el enlace, reunir los carteles circundantes y organizarlos en logotipo, colores, fuentes y materiales del producto. El producto entra en un anillo de combinaciones; desplegar la matriz de anuncios solo después de que aumente el contador.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Colaboración multijugador en Krea Nodes
Varios cursores de colores trazan las curvas de las letras, dejando extremos de nodos negros sobre las formas. El título completo se contrae después en un único nodo vacío, conectando la metáfora visual con la operación real.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Convierte bocetos en dibujos animados con Grok
La primera solicitud transforma el boceto en una hoja de personajes; la segunda convierte ese resultado en animación. El chat se desplaza hacia arriba y los nuevos resultados entran desde abajo, conservando la relación con el mensaje anterior.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Gráficos vectoriales｜Avance del lanzamiento
Acercarse desde el cartel completo al planeta y después a una curva del contorno amarillo. Aumentar continuamente el zoom manteniendo los bordes suaves y el centro sobre el mismo detalle.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Hermes se integra con Omarchy
Las líneas de perspectiva se expanden desde una pequeña abertura central hasta formar una cuadrícula de cuatro caras. Después de avanzar, se estrechan a ambos lados y dejan espacio simétrico para dos símbolos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Renovación de la suscripción
Situar la nube arriba y el dispositivo abajo, unidos por una línea vertical luminosa. Atenuar la información de terminal alrededor y mantener el sujeto centrado en una composición vertical.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Dia llega a los miembros de Arc
La figura luminosa asciende desde abajo y se reduce antes de convertirse en una flecha de envío; el campo de entrada se expande horizontalmente para pasar naturalmente de la presentación de marca a la operación.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Nuevo producto, nueva identidad visual
Centrar el emblema, la frase y el enlace, con poca navegación en las esquinas. El cursor azul dibuja un arco por el espacio vacío y vuelve al texto central, creando un único foco en movimiento.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación 3D
Dictado por voz gratuito
Las teclas con símbolo y texto caen formando una fila y se separan hacia los lados, revelando una cápsula negra luminosa con ondas sonoras. La cápsula sirve de anclaje común para las demostraciones siguientes.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Nuevas capacidades de Runway Agent
Mostrar primero la página final del producto, volver a la solicitud, extraer colores y producto, generar escenas y tamaños distintos y terminar con la capacidad de animación. Repetir el mismo altavoz en varios resultados.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Palabras de estado e HyperFrames
Las palabras de estado cambian rápidamente en monoespaciada tenue, seguidas de un doble triángulo oscuro. El verde rellena el símbolo de abajo arriba y después se despliega el logotipo blanco.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Avance de Suno Studio
Tras activar el botón rojo de grabación, la onda crece de izquierda a derecha; pasar a la lista de sonidos y expandirla después a varias pistas de colores. La grabación y el cabezal avanzan en la misma dirección.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Selector de versión de SUNO
V arriba y 6 abajo, con bordes naranjas e interior rosa que crean varias capas de brillo. Mantener pequeña y estable la marca central; revelar los controles solo cuando los caracteres de versión se retiren hacia arriba y abajo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Web, presentación e imágenes de lanzamiento cuentan la misma historia
Tras pedir una web de café, solicitar una presentación e imágenes de lanzamiento. Los tres resultados comparten fotos, paleta marrón y títulos con serifa, mostrando la reutilización del contexto mediante la coherencia del contenido.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Nuevas capacidades｜450+ integraciones
Las cápsulas naranjas enlazan palabras como connect y with y terminan en un signo más interactivo. Al pulsarlo, entran iconos por varios arcos y la cifra crece hasta 450.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Lanzamiento de Slides
Tras introducir el tema, generar portada, contenido y notas del orador, con las miniaturas siempre a la izquierda. Pasar entre páginas para mostrar la continuidad de colores, tipografía e ilustraciones.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Un cubo de yeso se abre para revelar H
Girar primero el cubo y alejarse; tras aparecer finas grietas blancas en los bordes, separar las caras hacia fuera. H permanece en el centro original mientras la separación crece hasta que los paneles salen del encuadre.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Renovación de Devin Desktop
Cada sección muestra primero la ventana completa y se acerca después al área activa: árbol de sesiones, terminal, pruebas de dispositivos, ajustes de reglas y PR. Fijar abajo los subtítulos que explican cada operación.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Vídeo de lanzamiento de Mercor
Introducir requisitos de habilidades, mostrar candidatos, abrir sus detalles de entrevista y transcripción y pasar después a contratación, presentación y pago. Mantener al mismo candidato como hilo entre los pasos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Montaje de imagen real
Vidrio.
El cristal permanece fijo mientras una mano y un recipiente pasan detrás; la cuadrícula fina divide sus contornos en pequeños segmentos desplazados. El plano general sitúa el marco y los detalles muestran claramente la relación entre textura y distorsión.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Presentamos Muse｜Lanzamiento del asistente personal de IA
Unir las capacidades del asistente mediante tres tareas cotidianas: comprender la necesidad desde un mensaje, mostrar qué está haciendo y detenerse específicamente donde el usuario deba decidir.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Sé dueño de los medios de producción. Rebélate con nosotros.
Alejar rápidamente un símbolo y texto rojo vistos muy de cerca hasta una composición pequeña; el fondo negro conserva mucho espacio vacío para una aparición breve de marca.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Databricks — GLM 5.3 Flash en Lakehouse
Seleccionar el nuevo modelo en la lista existente y sincronizar su nombre con el anuncio de marca.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
TIDAL｜Identidad tipográfica, versión de 60 segundos
Hacer del texto el protagonista: palabras cortas crecen, se comprimen y encadenan según el énfasis semántico; los rombos impulsan los bloques de texto hacia el siguiente grupo de colores.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Bolt Template Marketplace｜Mercado de plantillas
Mostrar primero la variedad de plantillas, ampliar una web completa navegable y usar después una indicación para adaptarla a otro negocio.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Bolt Skills｜Capacidades del equipo
Convertir requisitos repetidos en habilidades reutilizables y demostrar con un cambio de color que la habilidad modifica realmente la página.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Jitter Superagents｜Demostración de capacidades
Mostrar juntos una instrucción y su efecto en el lienzo: remezclar plantillas, ordenar puntos, desplazar pistas y ampliar finalmente a varios tamaños e idiomas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Animación tipográfica · 3.5 segundos
Construir toda la animación con escala y alineación del texto: mostrar un detalle de letra, alejarse hasta la frase completa y convertirla después en una columna de verbos móviles.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Composición de botones · 10.7 segundos
Separar y reunir tres botones de efectos con muescas como módulos encajables, comenzando por el inferior y conservando su relación vertical estrecha.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Animación de iconos · 10.3 segundos
Transformar continuamente símbolos alrededor del mismo centro, cambiando significado mediante muescas, huecos y divisiones, sin hacer que iconos independientes aparezcan por fundido.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Animación numérica · 6.1 segundos
Comenzar con una cuenta atrás de tres números grandes y abrir después una cuadrícula de nueve números que muestre los ángulos y esquinas redondeadas de la misma familia.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Creative Cloud｜Variante tridimensional verde
En menos de dos segundos, encadenar cortes de material en la misma posición para conectar formas orgánicas verdes, paisajes y tubos iridiscentes como una misma familia de símbolos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Creative Cloud｜Variante de láminas magenta
Mostrar con cortes breves cómo el símbolo pasa de láminas tridimensionales a edición plana y material plateado, usando magenta como hilo visual.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Creative Cloud｜Variante de gráficos de colores
Hacer desfilar estilos creativos sobre el mismo símbolo, desde líneas finas, metal y flores hasta collage de imágenes; la posición y el espacio constantes forman una serie.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Creative Cloud｜Variante naranja dibujada a mano
Usar naranja y amarillo como hilo entre dibujo, líquido, mangueras y flores planas mediante cortes rápidos; el contorno curvo une siempre los materiales.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Universe 2023｜Bucle geométrico
Una esfera, un disco y una placa cuadrada forman una composición giratoria compacta. La placa orbita el centro y las superposiciones dan profundidad a los planos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Bucle de patrones geométricos · 10.0 segundos
Alternar cuatro grupos de patrones a pantalla completa: pasar del ritmo rígido de ángulos a ondas suaves y terminar con puntos de distintos tamaños.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Miro｜Colección de lanzamientos de producto
Mantener un mismo proyecto entre objetivos, investigación, diseño y desarrollo. Conservar el nombre o la pregunta clave en cada cambio de vista para que la pieza larga se lea como un flujo continuo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
North 2 — llega en octubre de 2026
Revelar el nombre del producto con un barrido verde, manteniendo discretas las capas transparentes y auroras oscuras; convertir después el nombre en dos promesas breves.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Exa — da a Codex y ChatGPT acceso a más de 100.000 millones de sitios web
Plantear primero una pregunta concreta que necesite fuentes externas, mostrar la búsqueda y una respuesta estructurada, y resumir la integración solo al final.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Factory｜Lanzamiento 2.0
Descomponer primero la producción de software en etapas y entrar después en un panel de métricas con el mismo orden. Cada término de la apertura debe corresponder a una interfaz real posterior.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Persimmon — un modelo que simula personas
Representar al individuo con un cartel de fruta, alejarse hasta muchas variantes y hacer que las partículas crucen sus bordes para narrar el paso de individuo a interacción.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Collage de navegadores de los noventa
Usar una frase breve sobre la memoria de la web como eje; superponer ilustraciones de conocimiento y después páginas antiguas para pasar naturalmente de acumulación de contenidos a la era del navegador.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Título circular sobre el contexto
Con muy poco texto y anillos finos, trasladar la atención de los agentes al contexto del que dependen.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Revelación del símbolo por agrupación · 8.0 segundos
Descomponer el gráfico anterior en unidades mínimas y usar los mismos colores para reconstruir símbolo y nombre.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Presentamos Prime Agent: un entorno RLM que se mejora a sí mismo para programación y tareas prolongadas…
Presentar primero el funcionamiento del producto mediante código y estados y cerrar con resultados de tareas y cifras agregadas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Resend Inboxes
Traer al primer plano una bandeja de entrada oscura y tranquila y revelar el lanzamiento con un título enorme y contraluz.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Lanzamos EURR, nuestra primera stablecoin respaldada por euros, en la app de Revolut.
Intercambiar la posición delantera y trasera de dos monedas sobre la misma bandeja, manteniendo fijo el texto para concentrar el movimiento entre ambas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Airtable｜Crea aplicaciones con IA
Mostrar la generación de aplicaciones con solicitud y resultado en paralelo y añadir actualizaciones mediante adjuntos y otros casos de negocio usando la misma estructura.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
AI Labs｜Elementos de interfaz
Explicar la personalización mediante varias interfaces interactivas y cerrar cada ejemplo con una respuesta clara.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Retrospectiva de la evolución del producto
Fijar la posición del nombre de marca mientras cambian icono, versión y sufijo de producto, terminando en la marca principal sola.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Think｜Logotipo del evento
Alinear letras tridimensionales orientadas de forma dispersa en una única dirección de lectura y dejar el logotipo quieto tras una formación breve.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Uber Go Get It｜Fragmento de gráficos de marca
Deslizar y voltear maletas repetidas alrededor de una frase fija, conservando legible la propuesta de viaje dentro del patrón continuo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Bucle ilustrado para recargar una cartera
Aplicar la acción de repostar a una cartera: apuntar la boquilla, introducir monedas y llenar la cartera para explicar visualmente la recarga.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Presentamos Wabi 2.0: un nuevo tipo de mensajería que crea apps y resuelve tareas…
La información del chat se convierte gradualmente en pequeñas aplicaciones útiles, que después forman una página personal.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Whop — presentamos Whop Treasury: obtén un rendimiento del 6% en…
Una transferencia de saldo cambia la composición de la cuenta; gráficos y menú de depósitos amplían después la explicación del producto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
GLM-5V-Turbo — modelo de programación con visión
Mantener visibles a la vez entradas y resultados, usando bocetos, imágenes y grabaciones de pantalla para demostrar distintas capacidades de entrada visual.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Crea presentaciones con IA
Convertir primero el tema en un esquema editable y después el esquema en diapositivas completas, con resultados claros para ambas generaciones.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Bluevine｜Animación geométrica de marca
Mostrar primero la construcción geométrica del logotipo y convertir después los módulos curvos en símbolo independiente e icono de aplicación.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Underlord｜Plantillas de vídeo
Narrar una edición como entrega clara de materiales: elegir preajuste, aportar vídeo, confirmar formato y entregar guía de marca, terminando con resultados en dos proporciones.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
QuiverAI Arrow 2｜Generación vectorial
Explicar el valor de generar vectores mediante tres escalas: rutas editables, categorías de obras y soportes reales, regresando al final a variantes del mismo estilo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Rive CLI — crea archivos Rive con tu agente
Demostrar interacción mediante obras con cambios reales de estado: juegos, controles, sistemas de diseño y secuenciadores muestran cada uno una acción clara.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Suki｜Pieza de marca con líneas y texto
Representar la colaboración entre profesionales clínicos y herramientas con dos grupos de líneas finas; al encontrarse, se convierten en un hilo visual que atraviesa escenas reales de atención.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Supabase — conector en Gemini Enterprise
Conectar una fuente al chat con una activación: abrir menú, habilitar conector, preguntar sobre esa fuente y cerrar con ambas marcas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Deezer｜Fondo animado Live the Music
Hacer respirar continuamente la onda de fondo mientras el título central permanece claramente fijo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Faculty｜Propuestas de marca con texto y degradados
Sostener tres propuestas sobre campos de color lentos y fragmentar brevemente las letras solo al cambiar de frase.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación gráfica
Uniqode｜Pieza de marca en matriz de puntos
Conectar patrones geométricos, escenas reales y símbolos de marca mediante el mismo lenguaje de matriz de puntos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Uniqode｜Formación y dispersión de texto punteado
Reunir partículas dispersas en una frase legible y deshacerla con las mismas partículas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de texto
Wise｜Animación de tipografía y símbolos monetarios
Explicar primero el origen de la fuente, mostrar detalles de letras y aplicar después la misma tipografía a distintas monedas y paletas.
Solo referencia de vídeo; no se incluye un proyecto editable.