Figma permite probar prototipos con código en el canvas. La herramienta 'code layers', en beta, integra reglas de estilo y repositorios. La funcionalidad está disponible para equipos como Uber y Atlassian.
La herramienta integra reglas de estilo y repositorios, lo que facilita la creación y el refinamiento de prototipos. Los diseñadores pueden explorar variaciones de interfaces, como botones de entrega en una app ficticia, y comparar opciones lado a lado. Figma Agent reconoce componentes aprobados y aplica reglas definidas en guías. El acceso a la biblioteca se hace mediante el chat, seleccionando "Libraries" y eligiendo la biblioteca deseada. Los ejemplos y las guías son importantes para orientar al agente, y se pueden añadir diseños como contexto para tareas específicas. La herramienta permite extraer elementos en capas editables de Figma, lo que facilita los ajustes de diseño y estilo.
La funcionalidad se basa en agentes de IA y capas de código, con soporte para repositorios de GitHub y sistemas de diseño existentes. AWS publicó una entrada sobre cuatro capas de ingeniería de contexto para agentes de IA en producción. La funcionalidad puede ayudar a los equipos a ajustar diseños y estilos a partir de reglas de código y sistemas de diseño. La disponibilidad en Brasil no fue confirmada, pero la herramienta ya está disponible para algunos equipos, como Uber y Atlassian.
La funcionalidad está disponible para equipos como Uber, Granola y Atlassian, lo que muestra el enfoque en empresas que necesitan integración entre diseño y código. La dependencia de repositorios de GitHub y sistemas de diseño existentes puede limitar el uso para equipos que no cuentan con esas estructuras. La disponibilidad en Brasil aún no fue confirmada, pero la funcionalidad ya está en producción.
Figma une diseño y código en una nueva herramienta
La funcionalidad, llamada "code layers", permite que los equipos prueben prototipos con código directamente en el canvas, integrando reglas de estilo y repositorios. La novedad se alinea con una tendencia de integración entre diseño y código, con herramientas como Figma Agent que permiten a los equipos trabajar con mayor precisión.
Con información de figma.com.
Fuentes
- Workflow lab build with code on the canvas using the figma agent and code layersfigma.com
- How to put your design system to work with the figma agentfigma.com
- Kimi k3 1 pro why a faster coding model can still finish the job slowlymilind-divre.medium.com
- Four layers of context engineering for production ai agents how deep insight applies them in working codeaws.amazon.com
Texto escrito con IA a partir de las fuentes citadas y revisado por las reglas automáticas de la redacción. Cómo trabajamos
¿Quieres ver resumer primero en las búsquedas de Google?
Añadir a las fuentes preferidas de Google
