Cómo Figma permite que los diseñadores trabajen sobre código sin saber programar

Hay una escena que se repite en casi todos los equipos de tecnología del mundo. El programador termina de construir una pantalla nueva, la abre en el navegador y ve exactamente lo que imaginó. Luego toma una captura y se la envía al diseñador. El diseñador la recibe, observa los detalles que no cuadran y debe reconstruir manualmente esa misma pantalla en su herramienta de trabajo para poder modificarla. Lo que tomó horas construir tardará horas duplicar. Y cuando el diseñador termina su versión, el ciclo comienza de nuevo.

Esa fricción, tan normalizada que muchos equipos dejaron de cuestionarla, es exactamente lo que Figma y Anthropic decidieron resolver. El 17 de febrero de 2026, las dos compañías anunciaron "Code to Canvas": una integración que permite transformar cualquier interfaz construida con Claude Code, el asistente de programación de Anthropic, en capas editables dentro de Figma, la plataforma de diseño colaborativo más utilizada en la industria del software. No se trata de exportar una imagen. Se trata de convertir código funcional en un objeto de diseño que cualquier persona del equipo puede abrir, modificar y compartir sin necesidad de tocar una sola línea de programación.

Detrás del lanzamiento hay una idea que Dylan Field, cofundador y director ejecutivo de Figma, resumió en el blog oficial de la empresa con claridad inusual: cuando las herramientas automatizadas pueden construir casi cualquier cosa que se les pida, el verdadero trabajo del diseño no es construir, sino elegir. Elegir entre versiones, comparar opciones, tomar decisiones que dependen del criterio humano y no de la velocidad de un algoritmo. "Code to Canvas" no compite con las máquinas; las aprovecha y les suma algo que solo los equipos pueden hacer: deliberar.

Entender por qué esta integración importa requiere conocer la brecha que existió durante décadas en el mundo del software. Los programadores trabajan desde la terminal, un entorno de texto donde escriben instrucciones y el resultado aparece en el navegador. Los diseñadores trabajan desde el lienzo, un espacio visual donde pueden mover elementos, ajustar colores y trazar flujos de navegación con la misma naturalidad que un editor de textos. Ambos construyen el mismo producto final. Rara vez trabajan sobre el mismo archivo.

La brecha que costaba horas

La separación entre esos dos mundos tuvo consecuencias prácticas que cualquiera que haya participado en la creación de una aplicación o un sitio web reconocerá de inmediato. Cuando un desarrollador construía una interfaz directamente en código, compartirla con el equipo significaba tomar capturas o grabar videos cortos. El diseñador que quería proponer ajustes debía recrear esa interfaz desde cero en su herramienta, un proceso que podía ocupar horas y que terminaba generando dos versiones del mismo trabajo: la real, en el repositorio de código, y la representación, en el archivo de diseño. Las diferencias entre ambas eran fuente permanente de errores, revisiones innecesarias y reuniones que solo existían para ponerse de acuerdo sobre algo que debería ser obvio.

Esta situación se volvió más pronunciada con la llegada de herramientas como Claude Code, que permiten construir interfaces completas mediante instrucciones escritas en lenguaje cotidiano. La velocidad de construcción creció de manera notable; la velocidad de colaboración, en cambio, no acompañó ese ritmo. Un equipo podía levantar una pantalla funcional en minutos y pasar días negociando cambios a través de capturas, mensajes de texto y reuniones donde cada persona describía en palabras lo que veía en imágenes distintas.

"Code to Canvas" parte de una premisa tan simple como efectiva: si el objeto ya existe, construido y funcionando en el navegador, no tiene sentido recrearlo en otro lugar. La integración captura ese objeto, con todos sus elementos visuales y su estructura interna, y lo convierte en capas nativas de Figma. Una capa no es una imagen: es un componente con nombre, posición y propiedades que cualquier integrante del equipo puede seleccionar, mover, duplicar o anotar. Lo que antes demandaba horas de reconstrucción manual ahora sucede en segundos, con una fidelidad que ninguna captura de pantalla puede ofrecer.

Dos herramientas, un solo circuito

La integración fue desarrollada por Gui, director de diseño para proyectos computacionales en Figma con experiencia previa en Pinterest, y Alex Kern, ingeniero que fundó Dynaboard antes de que Figma incorporara esa empresa a su estructura en 2024. El puente técnico que construyeron se apoya en una infraestructura que la plataforma ya tenía: el servidor MCP (Model Context Protocol), un protocolo que conecta los archivos de diseño de Figma con herramientas externas de programación.

La novedad fundamental es que ese canal ahora opera en ambas direcciones. El código puede viajar al lienzo con un comando, y el lienzo puede regresar al código con otro. Cuando el equipo termina de revisar y ajustar las capturas en Figma, el desarrollador vuelve a Claude Code, referencia el archivo modificado y le pide al asistente que actualice el código en consecuencia. El contexto no se pierde entre un paso y el siguiente; cada decisión tomada en el lienzo alimenta directamente la siguiente iteración de programación. El ciclo que antes se interrumpía cada vez que alguien hacía un cambio ahora se mantiene continuo.

En términos prácticos, quien revisa el trabajo puede hacer clic en cada elemento visual, moverlo, cambiarle el nombre, agregar anotaciones o duplicar pantallas para comparar variantes en paralelo. Las ideas descartadas no desaparecen; permanecen visibles en el lienzo como registro de las decisiones tomadas, algo que el historial de versiones de un repositorio de código raramente permite hacer con la claridad visual que el proceso creativo necesita. Varios equipos pueden trabajar simultáneamente sobre distintas propuestas y evaluar el resultado de una sola mirada, sin alternar entre archivos, grabaciones ni correos con capturas adjuntas.

La apuesta de una empresa bajo presión

El lanzamiento llega en un momento particular para Figma. Desde su salida a bolsa, la acción de la compañía ha caído alrededor de un 85% respecto a sus máximos históricos, arrastrada por una corrección generalizada en el segmento de software empresarial. La presión no es solo financiera; es conceptual. La pregunta que circula entre analistas e inversores es de fondo: ¿tienen sentido las plataformas de diseño visual en un mundo donde el código generado automáticamente puede construir interfaces enteras sin que un diseñador intervenga?

La respuesta de la compañía no consiste en insistir en que el diseño visual seguirá siendo siempre el punto de partida del proceso. Consiste en construir los puentes necesarios para que cualquier punto de partida, incluido el código puro, desemboque finalmente en el lienzo donde los equipos colaboran. Es una estrategia de convergencia: en lugar de competir con las herramientas de generación automática, Figma se posiciona como su destino natural, el espacio donde el trabajo nacido en la terminal se evalúa, refina y convierte en algo coherente que los usuarios puedan sentir.

La apuesta tiene respaldo en movimientos concretos previos al anuncio. En 2024, la compañía adquirió Dynaboard, startup orientada a la construcción visual de aplicaciones, sumando a su equipo al ingeniero Kern. Ese mismo año anunció la compra de Weavy, empresa israelí especializada en herramientas colaborativas con inteligencia integrada, por 200 millones de dólares. El hilo conductor de estas decisiones es la misma tesis que articula "Code to Canvas": el lienzo de Figma debe ser el lugar donde cualquier flujo creativo, sea visual o generado computacionalmente, confluye para adquirir forma definitiva.

La alianza con Anthropic responde también a una lógica de ecosistema que ninguna de las dos partes podría construir por separado. Claude Code es uno de los asistentes de programación con mayor crecimiento en el mercado actual, con usuarios que van desde desarrolladores independientes hasta equipos corporativos de escala considerable. Ofrecer una salida directa hacia Figma completa el ciclo productivo de esa herramienta y le da al resultado de la codificación automática un destino donde puede ser evaluado y perfeccionado por personas. Anthropic suma un destino de diseño a su ecosistema; Figma gana presencia en flujos que hasta ahora la ignoraban por completo.

El debate que todo esto desencadena en la industria es el que le da a este lanzamiento su verdadero peso. La postura de Figma, según Field, no es que los diseñadores sean irremplazables porque construyen mejor que las máquinas. Es que son irremplazables porque saben elegir. Y elegir bien, entre un número casi infinito de versiones posibles, sigue siendo una tarea que ningún algoritmo puede resolver solo. "Code to Canvas" es, en ese sentido, menos una herramienta técnica que una declaración sobre dónde termina la automatización y dónde empieza el criterio: en el lienzo, donde todo lo que fue construido a velocidad de máquina aguarda que alguien decida qué vale la pena conservar.