Config 2026: nuevos materiales, nuevas herramientas y un lienzo más expresivo
Supera lo que pensabas que era posible con capas de código, Figma Motion, shaders, plugins generativos y herramientas Weave, todo en el lienzo.
Compartir Config 2026: nuevos materiales, nuevas herramientas y un lienzo más expresivo
El Design trata de hacerse las preguntas difíciles. En este momento, estas preguntas se sienten más grandes que nunca. ¿Qué está cambiando? ¿Qué es posible? ¿Y qué significa siquiera crear? Aquí en Figma, siempre volvemos a una premisa simple: ninguna herramienta debería limitar adónde puede llegar una idea.
Los anuncios de Config de este año se centran en la expresión ilimitada en el lienzo. Estamos apoyando nuevos materiales para expresar todo lo que puedas imaginar e introduciendo nuevas herramientas para dar forma y empujar estos materiales más allá que nunca: código, movimiento, shaders, plugins generativos y herramientas de Weave, todo en el lienzo de Figma.
En Configs pasados, hemos hablado de cómo la IA baja el suelo y eleva el techo. Pero mientras la IA ha bajado el piso, no ha subido el techo.
Diseñadores, creativos, constructores: Vosotros elevaréis el techo.
En los meses y años venideros, creo que habrá una explosión de creatividad, toma de riesgos y expresión audaz. Nuestro objetivo en Figma es ayudarte a diseñar de una manera totalmente ilimitada con materiales y herramientas que se Compose juntas, y te permitan improvisar y jugar a la velocidad con la que piensas. El lienzo es más que donde vive tu trabajo. También es donde todo se conecta.
Aquí ofrecemos un vistazo a todo lo que anunciamos en Config 2026.
Código en el lienzo
Durante años, la industria del diseño ha hablado sobre "diseño versus código", y las herramientas (¡incluyendo Figma!) han forzado una elección. Pero este es un debate falso. El diseño es un proceso. El código es material, al igual que las imágenes, los vectores y las capas de diseño. Durante mucho tiempo, el código ha vivido en entornos de un solo jugador construidos para el pensamiento lineal. Dicho de otra manera: el material estaba separado del proceso. Creemos que el código debe tratarse como cualquier otro material de diseño. Por eso estamos introduciendo capas de código en Figma.
En el lienzo puedes convertir cualquier capa de diseño en una capa de código interactivo con solo un clic (o un prompt). Puedes duplicar rápidamente una capa de código para explorar múltiples direcciones lado a lado, tal como lo harías con un marco de diseño.
A partir de ahí, funciona como el lienzo: puedes improvisar, comentar e iterar con todos tus compañeros en el mismo archivo.
Para momentos en los que deseas pasar del código a las capas de diseño, puedes extraer marcos de diseño en capas de diseño editables. Luego, cuando estés listo para volver, una pulsación actualiza la capa de código con lo que ha cambiado.
Únete a la lista de espera en figma.com/config-betas para acceso anticipado cuando las capas de código se lancen a partir de julio.
Dale vida al diseño con Figma Motion
Los diseñadores de motion hacen que las cosas se sientan vivas de maneras que son difíciles de explicar, y mucho menos de replicar. Muchos de nosotros hemos aspirado a crear ese mismo tipo de magia, pero ha parecido fuera de alcance. Y a menudo significaba pasar a otras herramientas. Desde hoy, puedes construir con motion directamente en Figma.
En Figma Design hemos añadido una línea de tiempo, incluyendo fotogramas clave, predeterminados y mucho más. Puedes construir movimiento desde cero, aplicarlo a diseños existentes o pedirle al agente de Figma que genere un punto de partida. Espero que encuentres Figma Motion poderoso, intuitivo y un placer de usar. Si ya eres un diseñador de movimiento, Figma elimina el trabajo repetitivo para que puedas centrarte en llevar tu creatividad más allá.
Debido a que el movimiento se construye en la plataforma de Figma, ahora puede ser un elemento fundamental de tus sistemas de diseño. Puedes animar un componente una vez, y ese movimiento se traslada a través de cada pantalla y cada archivo de colaborador, de la misma manera que lo hacen los rellenos y la tipografía.
Por último, Figma Motion también está diseñado para funcionar en código. Cuando cambias al Dev Mode, la línea de tiempo completa es visible e inspeccionable: cada valor de tiempo, cada curva de facilidad, cada fotograma clave es legible sin interpretación. Puedes copiar el código de animación directamente en CSS, JSON o React listo para frameworks. Motion también es compatible con MCP, por lo que puedes pasar cualquier marco animado directamente a un agente de codificación para su implementación. También puedes exportar como MP4, WebM, SVG animado o GIF, y ya estamos trabajando en ofrecer más formatos y tipos de exportación.
Rellenos y efectos de sombreado
Los shaders siempre han existido en Figma, impulsando nuestra renderización del lienzo detrás de escena. Pero hacer shaders puede parecer intimidante, y son difíciles de compartir con tu equipo.
Ahora puedes describir lo que deseas, o usar una imagen como referencia, y el agente de Figma lo creará para ti. Un efecto transforma lo que ya está en la capa, y un relleno actúa como un nuevo material. Porque todo esto está construido con el agente de Figma, los rellenos y efectos de sombreado están parametrizados por defecto. Esto te permite agregar controles directamente en el lienzo y darles forma de la manera que desees.
Lo que vuelve se ve y se comporta como si siempre hubiera formado parte de Figma. Los parámetros se presentan como controles, apilables con otros efectos, y listos para una conversión sin problemas a código y formatos populares.
Los shaders interactivos también llegarán pronto, pero estamos trabajando para optimizar el rendimiento correctamente.
Plugins generativos
Vemos cada vez más equipos creando sus propias herramientas, ¡y nos parece increíble! Cada diseñador tiene flujos de trabajo únicos. Los plugins generativos hacen posible crear todas las herramientas que desees. Para construir un plugin generativo, simplemente describe la herramienta que necesitas: el comportamiento, los controles y los parámetros. No se requiere un entorno de desarrollo local o conocimiento del API de plugin. Se siente nativo en el lienzo, igual que cualquier otra herramienta de Figma.
Tanto para plugins generativos como para shaders, puedes construir algo para ti mismo y compartirlo con cualquier persona en tu archivo. Pronto podrás publicar herramientas para tu equipo, organización o la comunidad en general.
Herramientas de Figma Weave
Las herramientas Figma Weave aplican el mismo enfoque al contenido visual, permitiéndote construir y reutilizar flujos de trabajo expresivos. Y ahora están disponibles en el lienzo de Figma.
Algo de contexto: Weave es un lienzo basado en nodos donde construyes flujos de trabajo generativos. Puedes conectar modelos, transformar recursos, refinar resultados y comparar enfoques. En lugar de solicitar un único resultado, trabajas con los resultados del modelo como arcilla para esculpir un flujo de trabajo multi-modelo que te permite convertir lo que tienes en mente en un proceso visible que puedes inspeccionar, iterar y reutilizar.
Hoy en día puedes crear flujos de trabajo en Weave y publicarlos como plantillas para que otros los utilicen o hagan con ellos una remezcla. Pronto, podrás publicarlos como herramientas para tu equipo, organización o comunidad. Para ayudarte a comenzar, hemos añadido un montón de herramientas de Weave para inspirarte.
Un agente que sabe cómo trabajas
El agente de Figma (¡lanzado para todos ayer!) está diseñado para entender el lienzo de diseño.
Los paquetes de habilidades organizan tus flujos de trabajo y convenciones en instrucciones reutilizables para el agente. Puedes crear los tuyos propios, usar habilidades de tu equipo o aprovechar las de la comunidad. Los conectores permiten al agente acceder a las herramientas ya presentes en tu conjunto de herramientas, por ejemplo, Notion, Slack, Granola, Hex, GitHub, Atlassian y más, y luego enviar actualizaciones de vuelta. Los adjuntos pueden incluir investigaciones, informes o cualquier artefacto relevante.
Los chats de los agentes también son visibles para tus compañeros de equipo por predeterminado, para que puedas ver qué direcciones están explorando otros y construir sobre su pensamiento. Por supuesto, también puedes hacer los chats privados cuando lo necesites.
El agente también estará disponible en más superficies, como FigJam y diapositivas. Únete a la lista de espera para acceso anticipado en figma.com/config-betas.
Con más posibilidades que nunca en el lienzo de Figma, estamos ansiosos por ver cómo elevas el techo. Ve y construye algo que solo tú puedes crear.
Visita nuestro centro de ayuda para ver un resumen de lo que lanzamos, su disponibilidad y cómo empezar. Encuentra respuestas e inspiración sobre todo lo relacionado con Figma en Figma Learn.
