Oficinas Figma. Foto: cortesía. Portal ERP Colombia.
Figma anunció el lanzamiento de Claude Code to Figma, un nuevo flujo de trabajo que permite transformar
interfaces reales, generadas o capturadas desde código, en diseños completamente editables dentro del entorno visual de Figma.
A medida que empresas y equipos buscan conectar de forma más fluida el diseño y el desarrollo, esta nueva funcionalidad responde a un punto crítico del proceso creativo: cómo llevar prototipos funcionales e interfaces basadas en código a un espacio visual colaborativo donde puedan ser refinados, explorados y compartidos con todo el equipo.
Te puede interesar: Figma y Claude firman alianza: IA para crear diagramas interactivos
- Claude Code to Figma permite a desarrolladores, diseñadores y creadores capturar una interfaz directamente desde el navegador, ya sea en producción, staging o localhost, y convertirla en frames editables dentro del canvas de Figma. Esta conexión entre código y diseño ayuda a los equipos a trabajar de manera más integrada, eliminando fricciones tradicionales entre ambas disciplinas.
- Con esta nueva capacidad, los equipos pueden:
- Importar pantallas, estados y flujos completos desde interfaces en código al canvas de Figma;
- Editar y refinar visualmente elementos de UI sin necesidad de reescribir código manualmente;
- Comparar variaciones lado a lado para iterar con mayor rapidez y colaboración;
- Compartir artefactos de diseño más completos con PMs, diseñadores e ingenieros para tomar decisiones más informadas desde etapas tempranas.
Para Figma, este lanzamiento representa un paso clave en su visión de habilitar flujos de trabajo verdaderamente integrados entre diseño y desarrollo, permitiendo que los equipos comiencen tanto desde el código como desde el lienzo visual, sin que exista una barrera rígida entre ambos.
La nueva funcionalidad se suma al ecosistema en expansión de integraciones y capacidades impulsadas por IA dentro de Figma, ampliando las posibilidades de conexión entre el canvas y el código.
