Figma Config 2026: el canvas dejó de ser un lienzo y se volvió el sistema operativo del diseño

Lo nuevo

Durante años el canvas de Figma fue el lugar donde vivía tu trabajo. Después de Config 2026, es el lugar donde tu trabajo corre: motion, código, shaders y un agente entran al mismo lienzo como capas nativas, no como paneles laterales.

En su recap oficial de Config 2026, Figma anunció seis capacidades nuevas sobre el canvas —Code Layers, Motion, Shaders, plugins generativos, Weave y Agent— presentadas el 24 de junio, dentro del evento que se celebró del 23 al 25 en San Francisco. El marco que eligió la empresa no es “más IA”: es “the canvas is more than where your work lives”. Su CEO lo resume así: “No tool should limit where an idea can go.”

La pieza más concreta es Figma Motion, disponible desde el 24 de junio en beta abierta: trae un timeline y keyframes al canvas, y exporta a CSS, JSON, React, MP4, WebM, Animated SVG y GIF, además de ser compatible con MCP (Figma Blog). No es un plugin: nace de la adquisición de Modyfi (2025) integrada como material nativo. Code Layers, en cambio, abre en acceso anticipado por lista de espera desde julio de 2026.

Por qué importa

La historia no es craft contra IA —esa la contamos en la tesis de Cannes 2026—. Es de infraestructura: qué superficie concentra el flujo de trabajo. Figma está apostando a que la respuesta sea el canvas, y a que motion, código y agente dejen de ser herramientas separadas para volverse capas del mismo lienzo. Es la continuación directa de cuando metió un agente IA dentro del canvas multiplayer: entonces era un actor más en el lienzo; ahora el lienzo absorbe el timeline, el shader y el node-based workflow.

El movimiento tiene detrás una escala que conviene tener presente al evaluar si adoptarlo: es el actor que redefine el canvas, no un experimento de laboratorio. Y la promesa central —que diseño y código dejen de ser un intercambio con pérdida— es exactamente lo que un equipo debería someter a prueba antes de creerla.

Que la infraestructura ya corra en un sistema grande —no en una demo— es lo que le da peso. En Atlassian, el equipo lleva “atomic design” a “atomic motion design” versionando keyframes en el mismo canvas donde vive el design system. La lógica node-based de Weave (heredada de la adquisición de Weavy, con su co-fundador Itay Schiff) entra como un sistema reutilizable de procesos —“build your process once and revisit it again and again”—, no como un filtro puntual. Y sobre el código, el CPO Yuhki Yamashita subraya dónde está el valor real: “The multiplayer canvas is really powerful because this is an environment where you don’t really care about the quality of the code” (TechCrunch).

El contrapunto, medido, lo pone la crítica hispana: Raúl Marín Calleja advierte que “el cambio más importante no es lo que podemos hacer, sino cuánto nos costará hacerlo” (LinkedIn). No invalida la infraestructura; obliga a preguntarse por su economía —créditos, consumo, límites— antes de meterla al flujo cliente.

Movimientos

1. Esta semana, activá Figma Motion en un componente real de tu design system. No lo pruebes en un archivo desechable: verificá que un keyframe se sincroniza across screens donde vive tu sistema, antes de prometer motion en el próximo sprint. La beta abierta es gratis con límites; ahí medís si el timeline aguanta tu librería.
2. Antes del próximo handoff a ingeniería, exportá una animación a React/CSS o pasala por MCP a tu coding agent. Comprobá si el output es usable de verdad. Así sabés si Code Layers y Motion recortan el ida-y-vuelta diseño-código o solo lo mueven de sitio: la promesa de "no trade-off" se verifica en el export, no en el keynote.
3. Esta semana, hacé la cuenta del coste en créditos de IA de los flujos que querés adoptar. Antes de sumar Agent, shaders generativos o Weave al flujo cliente, calculá su consumo. El punto ciego que señala la crítica hispana no es "qué se puede hacer", sino "cuánto cuesta hacerlo" —y para un estudio pequeño esa cuenta cambia la decisión.

Qué seguir mirando

La apuesta es clara: el canvas como sistema operativo del diseño. Lo que falta ver es si esa superficie gana la disputa por concentrar el flujo, y a qué precio.

• ¿El canvas-como-OS gana contra el code-first? Martin Cid enmarca la pelea como “$60 billion contra Figma” (Cursor y compañía): ¿converge el diseño hacia el canvas o hacia el editor de código?
• Cuando Code Layers salga de la lista de espera en julio de 2026 y el Agent escale a FigJam y Slides, ¿aparece un modelo de créditos que cambie la economía del flujo para estudios pequeños?
• ¿El sync bidireccional de Code Layers aguanta en repos reales de equipos grandes, o se rompe fuera de la demo?
• ¿Los design systems empiezan a versionar animaciones como versionan tokens, o Motion queda como capa cosmética?