Animación de interfaz
Lanzamiento de Glean Agents
Expandir un campo de entrada hasta un flujo entre departamentos. Conectar tarjetas de tareas, personas y fuentes de datos mediante líneas y devolver los resultados a una interfaz legible.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Animación de interfaz web de HyperOS 1
Pasar del detalle de materiales a la interfaz móvil y ampliar los mismos radios y capas transparentes a iconos, widgets y varios dispositivos.
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
Bolt Forge｜Lanzamiento de producto
Demostrar el alcance de creación con dos solicitudes concretas: mostrar primero la indicación completa, después una web que se pueda recorrer y al final desplegar varias obras como un mosaico espacial.
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
Linear Agent — pregunta lo que quieras, controla todo
Mover un encuadre oblicuo entre proyectos y agentes, usando documentos y diagramas de relaciones como fundamento de las respuestas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Biblioteca de movimiento de Zapier
Representar el trabajo complejo con un escritorio que se duplica sin control y hacer que un interruptor organice todo el ruido en unos pocos procesos terminados.
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 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 interfaz
Figma | Agent en el lienzo
Encadenar sugerencias, aplicación de estilos y ampliación de contenido sobre el mismo producto, sin presentar cada resultado como una obra independiente.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Nodo de Figma — conecta marcos a flujos de Weave
Convertir marcos de diseño en nodos conectables, enlazar texto e imágenes a sus ranuras respectivas y ramificar la salida hacia distintos usos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Figma Specs
Reunir evidencias de negocio, diseño y código en un documento, reorganizarlas mediante comentarios y convertirlas en especificaciones de traspaso ejecutables.
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
Presentamos Loops
Un punto luminoso activa etiquetas de acciones a lo largo de un circuito; cada ciclo completo corresponde a un flujo de trabajo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Linear — el sistema de desarrollo de productos para equipos y…
Varias ramas de tareas confluyen en un tronco común; alejar la cámara convierte relaciones locales en una red completa.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Nuevas capacidades de Loops
Enumerar rápidamente condiciones de activación y luego explicar las acciones de salida a lo largo de una trayectoria; dedicar una sección a los disparadores y otra a los resultados.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Linear — entornos personalizados en sesiones de programación
Mostrar tarjetas oscuras una a una en primeros planos inclinados, manteniendo relacionadas las variables de entorno dentro de cada tarjeta.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Loops puede ejecutarse según el día de la semana
Seleccionar la frecuencia semanal antes de mostrar la selección múltiple de días y ajustar la hora; al terminar, resumir la regla en lenguaje natural en la vista general.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Linear — estado de la cola de fusión en las diferencias
El clip solo contiene un hover local: conservar el estado principal, revelar el tiempo ya esperado al pasar el puntero y ocultarlo al retirarlo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Linear Diffs — revisión de código dentro de Linear
Seleccionar un cambio antes de ver sus diferencias, anclar el comentario a una línea de código y enviar explícitamente la revisión al final.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Linear — sesiones de programación en el móvil
Mantener el contexto de código arriba y la entrada y el teclado en pantalla abajo; tras enviar, retirar el teclado y sustituirlo por el estado de procesamiento.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Lovable · Empezar a crear desde Slack
Los mensajes de distintos participantes entran en el mismo hilo y el asistente responde después de la solicitud
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
→
Abrir con una duda para crear una brecha de información, pasar al sitio web para comprobarla y regresar al mensaje original con una respuesta
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Importar proyectos y sitios web
Cambiar los sitios en primer plano mediante una fila horizontal, manteniendo fija la entrada inferior
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Notion External Agents (integración con Claude + Cursor)…
Mantener la misma tarjeta de tarea mientras su estado avanza por Triage→Plan→Build→PR→Ship.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Notion Skills — enseña a los agentes cómo trabaja tu equipo
Compartir con el equipo y exportar localmente son dos rutas de distribución, explicadas en diálogos separados antes de converger en el uso.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Notion Skills API — skills para ChatGPT y Claude
La misma skill pasa de edición documental a sincronización del repositorio y uso por varios agentes, conservando su identidad entre contenedores.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Notion Skills — exportación a agentes de programación locales
Alternar rápidamente nombres de agentes para indicar compatibilidad y demostrarla después mediante una exportación e invocación completas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Adaptación a iPhone Duo
Al desplegar, ampliar el área visible del contenido; la barra lateral y el cuerpo mantienen una relación de recorte entre padre e hijo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Notion como código — espacios de trabajo en TypeScript
Escribir el requisito antes de mostrar ejecución y código, y pasar al resultado real del espacio de trabajo tras confirmar el despliegue.
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
ChatGPT — 73 plugins para trabajo jurídico
Mostrar varios plugins mediante unidades repetidas de mensaje → acción → evidencia; mantener la identidad de la herramienta actual arriba a la derecha.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
ChatGPT | Apple Messages
Tras encontrar una tarea pendiente, mostrar una propuesta, permitir que el usuario la edite y confirme, y mostrar después la recepción del mensaje en el chat de destino.
Solo referencia de vídeo; no se incluye un proyecto editable.
Montaje de imagen real
Actualización de voz GPT-Live-1.1
Recorrer lateralmente distintos grupos de teléfonos para presentar las voces como si se nombrara a un reparto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
ChatGPT Desktop — ya en versión preliminar para Linux
Mostrar la tarea de código, solicitar después su organización en un documento y abrir el resultado para verificar la entrega entre aplicaciones.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Manus Skills | Skills para flujos de trabajo
Convertir primero una buena conversación en una entrada de skill y después incorporarla a una lista donde se pueda activar
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Branch | Conversaciones ramificadas
Mostrar el punto histórico donde se puede ramificar antes de copiar el contexto compartido
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Wide Research | Investigación amplia
Dividir una entrada en varios paneles de tareas y desplegarlos horizontalmente en profundidad para expresar paralelismo
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Convertir trabajo repetitivo en tareas automáticas
Presentar condiciones y acciones por parejas y ejecutar solo cuando ambas partes estén completas
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Los sitios creados con Manus se pueden instalar como apps de escritorio
Separar el mismo sitio del marco del navegador para convertirlo en una ventana independiente, conservando la identidad del contenido
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Manus Agents — tu Manus personal, ahora dentro de tu…
Mantener el asistente en el contenedor original del chat y devolver una tarjeta de resultado después de enviar los recursos
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cloud Computer: Desplegar y usar un ordenador en la nube
Explicar el entorno de ejecución persistente y demostrarlo con tres ejemplos: bots, extracción de datos y despliegue
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Scheduled Tasks 2.0 (Manus) — tareas programadas 2.0 — una…
Mostrar la distribución global del calendario y acercarse a una tarea para explicar sus ajustes
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Adaptación a iPhone Duo
Mantener visible la misma tarea cuando cambia el ancho del dispositivo, sin sustituirla por otra
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Claude Code Security — análisis de vulnerabilidades y parches
Conservar la secuencia completa entrada → análisis → problemas → corrección → PR, desplegando niveles de resultados a medida que se profundiza.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Claude Code | Varias sesiones de escritorio
Expandir primero la ventana principal y pasar de una columna a código y vista previa juntos; los paneles son capas secundarias del mismo espacio de trabajo.
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
Claude Duet | Vista previa del asistente proactivo
Demostrar capacidades mediante aviso proactivo → autorización → resultado, no solo desplazando el chat.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Actualización de función | Voice mode
Expandir el mismo círculo central de botón a ventana de imagen y contraerlo de nuevo, preservando su identidad espacial.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Claude — uso del ordenador en Cowork y Claude Code
Cerrar cada tarea mediante solicitud móvil → ejecución en escritorio → confirmación móvil, repitiendo tres veces la estructura con contenido progresivo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Conexión de herramientas móviles de Claude
Guiar varias herramientas con una pregunta de negocio: los datos explican qué ocurrió, el flujo por qué y las diapositivas permiten compartirlo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Claude Code | Agent View
El personaje reúne terminales dispersas para expresar que varias tareas entran en una misma vista.
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 de interfaz
Claude | Finanzas personales
Establecer un deseo vital concreto, evaluar su viabilidad con datos y volver al resultado en la vida cotidiana.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Android Drop — Find Hub, Motion Assist, Gemini
Cada función combina una tarjeta principal y un pequeño indicador de respuesta asociado.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Gmail × Gemini
Avanzar por contexto del correo → acción → resultado en cada capítulo, manteniendo continuidad de asunto y destinatario.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Google Search (actualización de IA) — el mes pasado, en #GoogleIO,…
Ampliar una barra corta de búsqueda a un campo de varias líneas para expresar el paso de palabras clave a intención completa.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Servicios para el hogar en AI Mode
Incluir tarea y restricciones temporales en la pregunta y hacer que el resultado responda a cada una.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Grok Bot | Compartir plantillas
Mantener el mismo nombre y avatar del asistente en ajustes, página pública y vista del destinatario.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Grok Bot ya puede buscar, leer y supervisar X.
Mostrar varias fuentes consultadas antes de condensarlas en un resumen temático.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Grok Bot · Formularios e inicio de sesión en la conversación
El agente entrega el control al usuario cuando encuentra autenticación; reanuda el flujo después de recibir su entrada.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Grok Bot ya puede hablar.
Acoplar la capa de voz al teléfono y pasar de la respuesta a una tarea y documento concretos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Grok Bot — puede enviarte notas de voz
Definir contenido y tiempo, añadir después el formato de salida y convertir el resultado en una tarjeta de voz.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Grok Build | Memoria del proyecto
Explicar la memoria entre sesiones mediante registro → consulta → lectura posterior.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Grok — de una instrucción a una app publicada
Demostrar interacción real tras generar y pasar al escritorio para mostrar otra aplicación publicable.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Kimi Work — control remoto desde el móvil
El teléfono envía una tarea; el ordenador busca, encuentra un documento local, lo edita y lo envía en secuencia.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Kimi Web Bridge — la extensión de navegador de Kimi.
Colocar acciones del navegador y respuestas de terminal juntas para mostrar la correspondencia entre plan del agente y resultado de página.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Lanzamiento de Magistral
Mostrar restricciones concretas, después explicaciones y código, y finalmente los resultados funcionando lado a lado.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Nuevas funciones de Le Chat
Abrir cada capítulo con un símbolo de píxeles y una frase breve, seguido de una acción del producto como ejemplo.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cuatro teléfonos en paralelo: demostración de generación de apps
Alinear cuatro teléfonos de la misma altura sobre un fondo compartido, cada uno avanzando de forma independiente
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
ElevenLabs | Scribe v2
Introducir dimensiones de medición y explicar las capacidades mediante cambios de texto concretos
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
Flows Agent — descríbelo y el agente conecta el flujo de trabajo
Convertir lenguaje natural en dependencias de nodos; los nodos de salida esperan a que terminen los recursos previos
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Perps ya disponible
Acercarse desde la terminal general al formulario e introducir importe, apalancamiento y condiciones de riesgo antes de enviar
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Polymarket · Elección de dirección a cinco minutos
Plantear primero la decisión y enfocar después la terminal compleja en una acción de dos opciones
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Mercados de Polymarket sobre subida/bajada de HYPE en Hyperliquid a 5 minutos —…
Tras elegir en el formulario, comprimir la cuenta atrás con saltos y mostrar la recogida solo al llegar a cero
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cursor puede controlar el ordenador
Mostrar agente izquierdo y simulador derecho juntos; los resultados ocurren dentro de la app controlada
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cursor Origin | Alojamiento de código
Crear o sincronizar repositorios lleva a la misma lista y después a revisión de PR
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cursor Multitask / Subagents — /multitask en el nuevo…
Añadir varias tareas a la misma sesión y mostrar el número de tareas paralelas en un panel fijo
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
Cursor SDK — presentamos Cursor SDK para que puedas…
Escribir código progresivamente y reducirlo a la columna izquierda mientras la terminal derecha ejecuta la misma configuración
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cursor · Orquestación recursiva de tareas
La planificación superior crea tareas que se ramifican en subplanes y nodos de trabajo
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
Cursor — ahora en iPad
Mostrar el mismo resultado en varios dispositivos antes de centrarse en organización y revisión en la tableta
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cursor Builds — los agentes en la nube arrancan 3 veces más rápido
Iniciar ambos grupos a la vez con velocidades distintas, mostrando primero el resultado del flujo nuevo
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Agentes en la nube de Cursor
Presentar cada función con una frase sobre negro seguida de una acción breve sobre blanco, manteniendo un ritmo regular
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cursor — crea una app web y despliégala en Vercel
Mostrar repositorios disponibles antes de destacar la creación desde cero; la vista previa aparece después de la entrada
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Cursor · Controlar el agente del ordenador desde el móvil
Autorizar el emparejamiento y mostrar después el mismo mensaje y resultado en ambos extremos
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Crear aplicaciones en vivo
Completar los pasos de infraestructura uno a uno antes de mostrar la vista previa de la app
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Computer puede generar gráficos interactivos
Incluir gráficos que respondan al puntero con información de datos, no solo con un zoom global.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Computer incorpora Automations
Separar activación por evento y por horario en dos ejemplos completos, ambos con condición → ejecución → resultado.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Perplexity Projects — centros para trabajo continuo
Archivos y tareas pertenecen al mismo proyecto, no son tarjetas flotantes independientes.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Perplexity Computer puede funcionar completamente en local en Mac
Mostrar dónde se ejecuta antes de iniciar la tarea y demostrar la operación local con un informe y una lista de pendientes.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Consejo de modelos en Perplexity.
Ramificar una pregunta a varios modelos y reunir las respuestas terminadas en una tabla comparativa; no reducirlo a tres pasos en serie.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Perplexity Computer — un agente para proyectos de principio a fin
Usar la misma entrada de tareas para distintas salidas, demostrando amplitud mediante ejemplos consecutivos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Deep Research — ahora integrado de forma nativa en Computer
Delegar la investigación a subtareas y generar el informe después de buscar; presentar conclusiones y fuentes por separado.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Computer for Counsel — Perplexity para abogados
Establecer el ámbito, mostrar entrada y fuentes y ofrecer después tres resultados de negocio concretos.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Perplexity Computer ya funciona por correo electrónico
Activar la tarea por correo y devolver el resultado al mismo hilo; los adjuntos son dependencias de entrada.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Perplexity Computer — computación híbrida local y en la nube
Revisar información sensible antes de elegir ruta local o nube, con responsabilidades claras para cada ubicación.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Perplexity | Computación local en Windows
Completar la instalación antes de mostrar la red de herramientas locales y pedir confirmación antes de escalar a la nube.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Computer — controles de esfuerzo en el selector de modelos
Aumentar un deslizador por niveles, sincronizando nombre, descripción de modelo y longitud del relleno.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Apple | Animación de interfaz de Spotlight
El término de búsqueda abre sugerencias; al elegir una acción, recoger la lista y transformar la cápsula en un comando parametrizado.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Apple | Portapapeles entre dispositivos
El texto móvil es la fuente y el documento del ordenador el destino; centrar cambios en selección y pegado, manteniendo estables los marcos.
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 interfaz
Monedero Link para agentes
Instalar y conectar primero el agente; después, solicitar un cambio de itinerario por chat, mostrar el coste y pasar al teléfono para confirmar. Repetir el coste y el comercio entre interfaces para identificar la misma solicitud.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Stripe Treasury
Pasar de la notificación al saldo, enviar un pago, crear una tarjeta, operar por conversación y regresar al resumen. Centrar un solo panel de acción cada vez y pasar a la siguiente escena después de confirmar.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Modelos virtuales de AI Gateway
Explicar primero la capacidad en una frase y mostrar después una tabla que relacione tareas y modelos o un comando. Evitar encadenar explicaciones: cada concepto debe ir seguido de un uso concreto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Novedades de la semana: imágenes en Notes
Dejar primero la lista completa legible y arrastrar una imagen desde la derecha del escritorio hasta debajo de la nota. El archivo sigue al cursor; al soltarlo, la imagen se despliega y la ventana de notas crece con el contenido.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Genspark AI Workspace 3.0: Presentamos Genspark Claw
Presentar por secciones flujos de trabajo, chat de equipo, reuniones, voz móvil y asistente de navegador. Mantener el ritmo de título breve seguido de interfaz y restablecer la escena al cambiar de capacidad.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
La web no se creó para agentes de IA
La pila de páginas representa la complejidad de la entrada; los módulos naranjas conectan el proceso con contenido estructurado. Relacionar páginas y código mediante planos contiguos o consecutivos para que se entienda la relación entre entrada y salida.
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 interfaz
Adaptación a iPhone Duo
El teléfono vertical entra centrado, gira y se despliega en dos columnas horizontales: la lista queda a un lado y el detalle entra en el otro. Conservar la misma nota en ambos formatos.
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
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
Ramp · Presentación del producto en la web
Partir de una tarjeta de pago, desplegar operaciones relacionadas y avanzar hacia facturas e informes para conectar el mismo gasto entre diferentes vistas.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Presentamos Glean
Mostrar primero que el asistente entiende tareas personales y ampliar después las preferencias a un mapa empresarial de personas, proyectos y datos.
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 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 interfaz
CodeRabbit [blocked] — clasificación de solicitudes
Mostrar primero la carga de las colas y los recordatorios de revisión; convertir después la lista en un tablero ordenado por urgencia, cambios recientes y avance. El naranja sigue siempre al elemento que más atención requiere.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
EliseAI｜Interfaz de producto en la web
Explicar el valor del asistente con una conversación completa de reserva: el usuario pide una hora, el asistente ofrece dos opciones y el usuario confirma una.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Goodfire — comprende y depura tu modelo de IA
Convertir la inspección de un modelo en una investigación fácil de seguir: definir objeto y conjunto de datos, confirmar el plan y presentar hallazgos y siguiente experimento.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
OKX AI — los agentes de IA ya pueden trabajar, crear y ganar dinero.
Pasar de una persona a un grupo de agentes y después a elección y prestación del servicio. Los bloques violetas enlazan personas, catálogo y selección en un mismo hilo de acción.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Parallel Decisions API
Partir de una pregunta de negocio, dividirla en hechos consultables y reunirlos en una tabla accionable. Reservar naranja al foco de la pregunta y la prioridad final.
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 interfaz
Cash App｜Aplicación de producto vertical
Conectar beneficios mediante el mismo teléfono y usar cambios de fondo negro, gris y verde fluorescente para marcar secciones.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Bots administrados de Telegram (bots de IA) — en Telegram, cualquiera…
Completar creación, prueba y consulta de datos de un bot en un teléfono fijo, enlazando estados mediante respuestas al clic.
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 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 de interfaz
Supabase Explorer y Notebooks
Abrir con un gráfico de crecimiento y demostrar después consultas, guardado, lenguaje natural y flujos locales, colocando siempre la frase junto a la función activa.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Supabase Pipelines — sincronización analítica casi en tiempo real
Mostrar primero la presión del tráfico y explicar después el reparto de trabajo mediante configuración del destino y sincronización continua, con causas y consecuencias claras.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Dub lanza recomendaciones de socios
Pasar de un objeto de lanzamiento a los ingresos de un socio y ampliar después al embudo completo y al análisis detallado, conectando el resultado personal con los datos del producto.
Solo referencia de vídeo; no se incluye un proyecto editable.
Animación de interfaz
Mintlify Widget — un agente integrado que ayuda a tus usuarios donde estén
Conectar pregunta, respuesta y fuentes mediante una entrada ligera para integrar naturalmente el asistente en la página existente.
Solo referencia de vídeo; no se incluye un proyecto editable.