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
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 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 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 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 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
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 × 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 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.