Figma Make, ya disponible en tu código local
Desde la edición visual hasta las indicaciones contextuales y la colaboración, Figma Make ofrece a los equipos nuevas formas de diseñar con código.
Compartir Figma Make, ya disponible en tu código local
Nota de Make
Estas nuevas funciones de Make se lanzarán en versión beta durante las próximas semanas.
Hoy lanzamos nuevas funciones en Figma Make: la posibilidad de trabajar en tu código de producción sin salir de Figma. En nuestra aplicación de escritorio Beta, encontrarás el primer paso para unir el diseño libre, la creación de prototipos con código y el envío a producción.
Aquí en Figma, no creemos que debas tener que elegir entre una herramienta de diseño y una de programación. Deberías tener la libertad de usar la mejor herramienta para cada necesidad, ya sea el lienzo de diseño, un entorno de pruebas para prototipos o el código de producción.
Actualmente, trabajar con código se parece mucho a cómo era el diseño hace 10 años. Cuando se lanzó Figma, el diseño se hacía sin conexión y de forma individual. Hoy en día, cada vez más gente usa agentes para escribir código y la programación en sí está cambiando rápidamente. La calidad del código generado por los modelos de vanguardia mejora constantemente y, sin embargo, a pesar de tanta innovación, las herramientas que tenemos para trabajar con código están aún en una fase muy temprana. En lo que respecta a la colaboración, seguimos estancados en 2016. Los entornos de desarrollo integrado (IDE) y los terminales simplemente no nos resultan “cómodos“ a muchos de nosotros. Lo percibimos cada día y lo oímos constantemente en la Comunidad de Figma.
“Diseño frente a código” es una falsa dicotomía. Las herramientas no deberían limitar la capacidad de moverse entre estos dos mundos. El objetivo principal de Figma como plataforma es ofrecerte acceso a la herramienta adecuada en el momento adecuado. Desde la edición directa y las indicaciones contextuales hasta una colaboración más estrecha y el intercambio de archivos, esto es lo que lanzamos hoy para que eso sea posible.
Edita tu base de código de forma visual
Nota de Make
Aunque hemos simplificado este proceso de configuración para los usuarios sin conocimientos técnicos, seguimos trabajando para que sea aún más fluido. Por ahora, los diseñadores que ya tienen acceso a la base de código de su empresa son los más indicados para usar esta nueva funcionalidad de Make.
Ahora puedes realizar ediciones directas y visuales, y enviar cambios desde Make conectándote a tu base de código. Selecciona elementos, ajusta propiedades, cambia disposiciones, colores, fuentes o tamaños: el agente busca el código correspondiente y lo edita para que la interfaz de usuario refleje lo que has diseñado. Se trata de una edición precisa del código con total libertad para explorar.
Para los cambios que van más allá de las propiedades —como una interacción o una animación—, puedes anotar elementos en la pantalla, describiendo lo que quieres. Las anotaciones proporcionan al agente información contextual y pueden hacer referencia a muchos elementos a la vez. Esto añade una opción flexible entre la edición directa y las indicaciones estándar.
Ramifica, confirma y envía
El envío del código de producción debe hacerse de forma intencionada, como parte del proceso de desarrollo de tu equipo. Hasta que abras una solicitud de extracción, tus cambios se guardan como confirmaciones locales.
Make es compatible con los flujos de trabajo de Git para bases de código (creación de ramas, reversión de confirmaciones y otras operaciones), para que tu equipo de ingeniería revise tus cambios como si fuera cualquier otra solicitud de extracción.
Colabora y crea
Cuando Make edita tu base de código local, esos cambios se pueden compartir en forma de archivos. Envía un enlace y, en cuanto tu compañero de equipo tenga acceso a tu rama, podrá descargarla, ver tus cambios y empezar a trabajar desde allí. Verás sus cambios e ideas, y el historial de confirmaciones te ayudará a comparar el antes y el después.
Copia pantallas, páginas y componentes de Make y pégalos en el lienzo de Figma como capas, donde podrás improvisar y editarlos junto con tu equipo y el agente de Figma. Figma detecta esos cambios y te indica que los vuelvas a importar a Make para aplicarlos en el código.
El objetivo es cerrar el ciclo por completo: pasar pantallas y elementos de Make a Figma Design para que tu equipo pueda comentar, editar y aportar ideas, y después incorporar esas decisiones al código. El lienzo y la base de código, en el mismo lugar. No hay un punto de partida ideal. Solo hay trabajo, y la mejor herramienta para la fase en la que te encuentres.
Las nuevas funciones de Figma, que incluyen edición directa, anotaciones, chat y creación de solicitudes de extracción, se lanzarán en una versión beta limitada el 28 de mayo de 2026 y no consumirán créditos durante la fase beta. Esperamos anunciar los precios de los créditos de IA en breve. Regístrate aquí para solicitar acceso anticipado. Si cumples los requisitos y te seleccionan para la fase beta, te enviaremos un correo electrónico en cuanto te hayas incorporado. Inscribirse en la lista no garantiza el acceso. Esta versión beta solo estará disponible en nuestra aplicación de escritorio Beta para usuarios de Mac. Tenemos previsto implementar estos cambios en otras plataformas pronto. Para obtener más información sobre estas funciones visita nuestro centro de ayuda.
