Hace apenas un mes, el 17 de Febrero, se lanzó Code to Canvas, una integración entre Figma y Anthropic, que permite convertir código en un diseño completamente editable. Su objetivo principal no es reemplazar herramientas existentes, sino conectar el flujo de trabajo de desarrolladores y diseñadores.
Hasta ahora, las interfaces primero se diseñaban y después se implementaban, dejando en manos de los desarrolladores front-end las decisiones relativas a la traducción del diseño. Esta nueva herramienta plantea un enfoque diferente: generar la parte visual a partir de un interfaz ya construida para su análisis, iteración y validación. Esto resulta especialmente útil cuando el código se también se construye con inteligencia artificial.
Code to Canvas propone un flujo de trabajo circular: una interfaz funcional se importa a Figma, donde se analiza, se reorganiza y se ajusta visualmente. A partir de ahí, los cambios pueden sirven para refinar el código original. Esto permite iteraciones más rápidas sobre una misma base.
Entre las principales ventajas está la mejor interacción entre diseño y desarrollo. Al trabajar sobre una representación más cercana al producto real, disminuyen las ambigüedades y se facilita la detección de inconsistencias. También permite explorar variantes sin necesidad de reconstruirlas desde cero, lo que puede acelerar la validación de ideas y mejorar la comunicación dentro del equipo.
Este enfoque también presenta limitaciones. El código generado o importado no siempre responde a criterios óptimos de arquitectura o mantenibilidad, lo que puede requerir una revisión técnica posterior. Además, sin un sistema de diseño bien definido (tokens, componentes, reglas claras), existe el riesgo de generar interfaces visualmente correctas pero inconsistentes a nivel de producto.
En conjunto, Code to Canvas redefine la relación entre diseño y código. Construye un puente entre dos entornos que siempre han estado separados.
El impacto de herramientas de este tipo dependerá en gran medida de cómo los equipos las integren sus procesos. El futuro podría venir de la mano de una reducción de la distancia entre diseñadores y desarrolladores, manteniendo el papel de ambos perfiles como partes complementarias del desarrollo de productos digitales.
