Figma Make, ahora en tu código local
Desde la edición visual hasta las indicaciones contextuales y la colaboración, Figma Make está ampliando la forma en que los equipos diseñan con código.
Compartir Figma Make, ahora en tu código local
Nota de Make
Estas nuevas funciones de Make se irán implementando en versión beta durante las próximas semanas.
Hoy lanzamos nuevas capacidades en Figma Make: la posibilidad de trabajar en tu base de código de producción sin salir de Figma. En nuestra app Beta de escritorio encontrarás nuestro primer paso para unir el diseño libre, la creación de prototipos con código y el paso a producción.
En Figma creemos que no deberías verte obligado a elegir entre una herramienta de diseño o una de código. Deberías tener la libertad de usar la mejor herramienta para cada necesidad, ya sea el lienzo de diseño, un entorno de creación de prototipos o el código de producción.
Trabajar con código hoy se parece mucho a cómo era el diseño hace diez años. Cuando se lanzó Figma, el diseño era una actividad aislada y sin colaboración en tiempo real. Hoy, más personas que nunca utilizan agentes para escribir código y la propia programación está cambiando rápidamente. La calidad del código generado por los modelos de frontera mejora constantemente y, aun así, pese a toda la innovación, las herramientas con las que trabajamos el código todavía están en una etapa muy temprana. Todavía estamos atrapados en 2016 en lo que respecta a la colaboración. Los IDE y las terminales simplemente no se sienten como un «hogar» para muchos de nosotros. Lo vivimos todos los días y lo escuchamos constantemente de la comunidad de Figma.
"Diseño frente a código" es una falsa dicotomía. Las herramientas no deberían limitar la posibilidad de moverse entre estos mundos. El objetivo de Figma como plataforma es darte 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 hacerlo posible.
Edita tu base de código visualmente
Nota de Make
Aunque hemos facilitado este proceso de configuración para los usuarios no técnicos, seguimos trabajando para que sea aún más sencillo. Por ahora, esta nueva funcionalidad de Make resulta especialmente útil para los diseñadores que ya tienen acceso a la base de código de su empresa.
Ahora puedes realizar ediciones visuales directas y publicar cambios desde Make conectándolo a tu base de código. Selecciona elementos, ajusta propiedades y modifica diseños, colores, fuentes o tamaños: el agente encuentra el código correspondiente y lo edita para que la UI refleje lo que diseñaste. Se trata de una edición precisa del código con la libertad de explorar.
Para cambios que van más allá de las propiedades —como una interacción o una animación— puedes anotar elementos en la pantalla y describir lo que quieres. Las anotaciones proporcionan al agente información contextual y pueden hacer referencia a varios elementos a la vez. Esto añade una opción flexible entre la edición directa y las indicaciones tradicionales.Utiliza anotaciones para cambios que modifiquen la lógica de interacción.
Crear una rama, confirmar y publicar
La publicación de código de producción debe realizarse de forma intencional, siguiendo el proceso de desarrollo de tu equipo. Hasta que abras una PR, tus cambios se almacenan como commits locales.
Make admite flujos de trabajo de Git para bases de código: crear ramas, revertir commits y otras operaciones, para que tu equipo de desarrollo revise tus cambios como cualquier otra solicitud de extracción.
Colabora y crea
Cuando Make edita tu base de código local, esos cambios pueden compartirse como archivos. Envía un enlace y, una vez que tu compañero de equipo tenga acceso a tu rama, podrá obtenerla, ver tus cambios y empezar a trabajar a partir de ellos. Podrás ver 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 puedes improvisar y editar con tu equipo y el agente de Figma. Figma detecta esos cambios y te invita a integrarlos de nuevo en Make, aplicándolos al código.
El objetivo es cerrar por completo el ciclo: llevar pantallas y elementos de Make a Figma Design para que tu equipo pueda comentarlos, editarlos y desarrollar ideas a partir de ellos, y luego devolver esas decisiones al código. El lienzo y la base de código, en un mismo lugar. No existe un lugar correcto para empezar. Solo existe el trabajo y la mejor herramienta para el momento en el que te encuentras.
Las nuevas capacidades de Figma Make —incluidas la edición directa, las anotaciones, el chat y la creación de PR— se lanzarán en una beta limitada el 28 de mayo de 2026 y no consumirán créditos durante la beta. Esperamos anunciar próximamente los precios de los créditos de IA. Regístrate aquí para solicitar acceso anticipado. Si cumples con los requisitos y eres seleccionado para la versión beta, te enviaremos un correo electrónico una vez que tengas acceso. Unirse a la lista de espera no garantiza el acceso. Esta beta solo estará disponible en nuestra app de escritorio beta para usuarios de Mac. Tenemos el plan de llevar estos cambios a otras plataformas pronto. Para obtener más información sobre estas características, visita nuestro centro de ayuda.
