LAYR: la solución de IA que automatiza el salto de Figma a Angular

Multiplica
9 de diciembre de 2025 · 4 min de lectura

Multiplica ha sido reconocida en la semifinal del VI Datathon de IndesIA gracias a Layr, una herramienta impulsada por IA que automatiza la conversión de diseños en Figma a código Angular production-ready en cuestión de minutos.

form-team-building

Esta solución nació como respuesta a uno de los retos planteados por Holcim —empresa líder global en materiales de construcción— y ha sido desarrollada por un equipo multidisciplinario durante la competencia, donde el objetivo era crear un agente capaz de transformar interfaces diseñadas en Figma en código frontend con fidelidad visual y siguiendo estándares corporativos.

Layr aborda una fricción común en los equipos de diseño y desarrollo: la transición entre la maqueta y el código. En los materiales del proyecto se describen problemas habituales como duplicidad de tareas, trabajo manual, inconsistencias, así como la necesidad de múltiples iteraciones entre diseño y desarrollo para mantener la fidelidad visual. Con Layr, este proceso se vuelve más ágil gracias a un agente de IA que analiza el diseño, interpreta su estructura, aplica reglas y genera automáticamente componentes Angular modernos, ordenados y alineados con los design tokens definidos.

Estas cifras, contextualizadas como valores observados en el caso de uso trabajado para la competencia, permiten visualizar el potencial de la herramienta para liberar capacidad en equipos técnicos, estandarizar prácticas y acelerar la entrega de interfaces sin comprometer la calidad del código.

Estas cifras, contextualizadas como valores observados en el caso de uso trabajado para la competencia, permiten visualizar el potencial de la herramienta para liberar capacidad en equipos técnicos, estandarizar prácticas y acelerar la entrega de interfaces sin comprometer la calidad del código.

El documento técnico explica que la lógica de extracción de diseño, la generación de código y los templates por framework están separados, lo que permite incorporar nuevos lenguajes —como React o Vue— reutilizando aproximadamente el 80% del sistema existente. Además, el roadmap ya contempla mejoras como la generación automática de documentación, soporte ampliado de frameworks y la integración con pipelines de CI/CD, lo que abre camino a un ciclo aún más automatizado y consistente. El proceso de desarrollo también puso en valor el trabajo conjunto entre perfiles de diseño, desarrollo e ingeniería de IA.

El equipo documentó prompts, reglas, validaciones y controles de calidad dentro de un archivo unificado —Layr.md— que funcionó como el núcleo de la solución. Este enfoque permitió asegurar un flujo reproducible y alineado con criterios técnicos verificables, algo especialmente relevante en una competencia donde el reto no era solo crear un modelo funcional, sino demostrar su capacidad de operar en entornos productivos.

El reconocimiento obtenido en la semifinal refuerza el potencial de Layr como una herramienta que puede aportar eficiencia, consistencia y velocidad a proyectos donde el frontend es un componente crítico. Aunque continúa en evolución, Layr ya demuestra cómo la combinación adecuada de IA, ingeniería y diseño puede resolver problemas reales y aportar valor tangible a organizaciones que buscan escalar sus capacidades digitales sin incrementar su complejidad operativa.

Desde Multiplica continuamos trabajando en la expansión y maduración de esta solución, con el objetivo de convertir Layr en una pieza clave dentro de los ecosistemas de agentes de IA aplicados a la construcción de productos digitales.

Quizás también te interese...