Figma usa IA para transformar el diseño digital

TL;DR

• IA integrada en Figma desde la edición de texto dentro de la plataforma y generación de imágenes, hasta el renombrado automático de capas y visuales de sitio, acelerando la creación y haciendo que sea más intuitiva y accesible. Source
• Figma Make es una herramienta de prompt-to-app que genera código de producción a partir de lenguaje, imágenes o estructuras, permitiendo a diseñadores, PMs, ingenieros y especialistas en marketing prototipar y expresar ideas sin obstáculos técnicos. Source
• Dev Mode y MCP Server permiten a los desarrolladores invocar un agente de codificación que traduce maquetas en código listo para producción con contexto completo, sin copiar y pegar. Source
• Experiencias de IA multijugador: colaboración en tiempo real en archivos con avatares y un asistente de IA; la generación de imágenes también brilla en FigJam y Slides. Source
• La estrategia de IA de Figma enfatiza el oficio humano y la colaboración, respaldada por programas internos como Great Figma Bake Off, Maker Weeks y el despliegue de ChatGPT Enterprise para una fluidez de IA segura. Source

Contexto y antecedentes

En agosto de 2025, David Kossnick, Director de Productos IA en Figma, habló sobre la IA como un cambio de plataforma y una capacidad central que está transformando los flujos de diseño. Describió Figma como una plataforma diseñada para construir productos digitales, donde la IA está integrada en el producto, desde lenguaje y visión hasta código, para acelerar la prototipación, la colaboración y la entrega de experiencias centradas en el usuario. La charla forma parte de la serie Executive Function, que presenta a líderes que impulsan la transformación mediante IA. Source Figma Make se presenta como un ejemplo clave de este cambio de plataforma: permite flujos de trabajo de prompt a producción para que tanto involucrados técnicos como no técnicos puedan ir más allá y expresar ideas sin las limitaciones técnicas habituales. También se subraya el compromiso con el oficio: los usuarios conservan control total para refinar lenguaje, visual y código, de modo que la IA actúe como copiloto, no como sustituto del criterio humano. La conversación también destaca el carácter colaborativo multijugador con IA, donde dos personas pueden co-crear en tiempo real. Source La entrevista aborda integraciones concretas y experimentos internos que ilustran la adopción de IA en Figma. Por ejemplo, un caso interno en RH utilizó una API de Workday para crear un juego con Make en unas pocas horas, demostrando cómo la IA puede reducir barreras y generar herramientas desplegables. La fluidez en IA se fomenta mediante dogfooding con Make, la implementación de ChatGPT Enterprise y Maker Weeks. Source Finalmente, la entrevista señala la colaboración con OpenAI para alimentar FigJam AI y la generación de imágenes en la plataforma, así como el esfuerzo por ampliar la fluidez en IA en todo el personal. Source

Qué hay de nuevo

• Figma Make: una herramienta de prompt-to-app que genera código de producción a partir de lenguaje, imágenes o estructuras, que capacita a un rango amplio de usuarios—diseñadores, PMs, ingenieros y especialistas en marketing—para prototipar y expresar ideas sin las barreras técnicas habituales. Source
• Dev Mode y MCP Server: herramientas que optimizan la transferencia de diseño a desarrollo al proporcionar datos estructurados (CSS y tokens) y permitir a los desarrolladores invocar un agente de codificación que traduce maquetas en código listo para producción con contexto completo. Source
• Capas de código y multimodalidad: la plataforma añade capas de lenguaje, visual y código que los usuarios pueden editar para alinear la visión con el resultado final, soportando flujos de trabajo multimodales. Source
• Experiencias IA multijugador: colaboración en tiempo real en archivos de Figma con avatares y un asistente de IA; la generación de imágenes apoya FigJam y Slides para visuales de marca y iteración rápida. Source
• Capacidades IA impulsadas por generación de imágenes y APIs de OpenAI: FigJam AI y generación de imágenes en la plataforma adquiridas mediante APIs de OpenAI, con ChatGPT Enterprise desplegado para mejorar la productividad en un entorno seguro. Source
• Cultura interna y programas de adopción: Great Figma Bake Off, Maker Weeks y otras iniciativas fomentan la experimentación práctica, con salvaguardas de datos que permiten una exploración segura. Source
• Adopción orgánica y escalamiento: los empleados comenzaron a usar flujos de IA de forma informal, impulsando la demanda por un uso de IA estructurado y seguro, lo que llevó a una adopción más amplia más allá de los equipos centrales de producto. Source

¿Por qué es importante (impacto para desarrolladores/empresas)?

La estrategia de IA de Figma enfatiza un cambio de diseño a código de extremo a extremo, accesible para más personas, incluidos creadores no técnicos. Al integrar IA en toda la plataforma, Figma reduce barreras de ideación, exploración y puesta en producción, permitiendo prototipos rápidos y decisiones mejor informadas. Para desarrolladores y empresas, la combinación de herramientas impulsadas por IA para codificación y la transferencia de datos estructurados (Dev Mode) ayuda a reducir malentendidos y acelera el paso de la idea a una funcionalidad desplegable. La colaboración en tiempo real con IA y los flujos de trabajo en equipo multijugador favorecen una cooperación más eficiente entre diseño, código y lenguaje. El énfasis en el oficio humano —juzgar y refinar— permanece esencial, incluso cuando la IA automatiza tareas rutinarias y propone opciones para considerar. Source Experimentos y programas internos ilustran un camino práctico hacia la fluidez en IA: experimentar con herramientas de IA, ver resultados tangibles y aprender qué funciona en contextos reales. El despliegue de ChatGPT Enterprise en un entorno seguro, con salvaguardas de datos, ofrece una base confiable para escalar IA en toda la organización. Estas prácticas son relevantes para empresas que buscan un uso responsable de IA, manteniendo control creativo y valor para el usuario. Source

Detalles técnicos o Implementación

Figma Make

Figma Make es descrito como una herramienta de prompt-to-app que genera código de producción a partir de lenguaje, imágenes o estructuras. Su objetivo es empoderar tanto a programadores como a no programadores —diseñadores, PMs, ingenieros y especialistas en marketing— para prototipar y expresar ideas más allá de las limitaciones técnicas tradicionales. En la práctica, Make permite a los equipos validar y probar muchas ideas rápidamente, aumentando la convicción cuando se elige una solución. La propuesta de prototipado facilita que los diseñadores desencadenen interacciones que los ingenieros pueden copiar directamente como código, convirtiendo a Make en un posible artefacto de entrega para ingeniería. Source

Dev Mode MCP Server

Dev Mode ofrece datos estructurados (CSS y tokens) y MCP permite a los desarrolladores invocar un agente de codificación que traduce maquetas en código listo para producción con contexto completo. Este enfoque elimina la necesidad de copiar y pegar entre diseño y código y garantiza implementación fiel y contextual. Source

Capas de código y multimodalidad

Las capas de lenguaje, visual y código permiten editar plenamente la visión y apoyar flujos de trabajo multimodales que combinan diseño, lenguaje y código. Source

Colaboración e IA multijugador

El multijugador es central en la filosofía de Figma. Herramientas como Figma Make y capas de código están diseñadas para soportar colaboración en tiempo real, incluso con IA. En la práctica, dos personas pueden trabajar en el mismo archivo, ver los avatares de otros y co-crear con un asistente de IA, transformando las reuniones en sesiones de construcción interactivas. La generación de imágenes también facilita visuales de marca en FigJam y Slides. Source

Capacidades IA y gobernanza

Figma utiliza las APIs de OpenAI para alimentar FigJam AI y la generación de imágenes en la plataforma. Se desplegó ChatGPT Enterprise en toda la organización para permitir fluidez en IA en un entorno seguro y por medio de salvaguardas de datos. Source

Experimentos internos y adopción

Programas como Great Figma Bake Off y Maker Weeks fomentan la experimentación práctica y el aprendizaje, mientras que la adopción de IA a escala se apoya en ejemplos internos como un juego de RH basado en Workday creado con Make. Source

Integración de OpenAI y enfoque humano en el diseño

La estrategia IA de Figma equilibra el uso de APIs de OpenAI con la preservación del oficio humano y el juicio. La idea central es apoyar a usuarios y constructores de IA, manteniendo la automatización cuando aporta valor sin perder la creatividad y el gusto. Source

Puntos clave

• IA integrada como capacidad de plataforma, no solo como herramientas aisladas, habilitando flujos de trabajo de diseño a código de extremo a extremo.
• Figma Make y MCP Server conectan diseño y código con salidas contextualizadas para producción.
• Colaboración multimodal e IA multijugador fomentan la co-creación en tiempo real entre diseño, lenguaje y código.
• Generación de imágenes e integración con FigJam amplían la creatividad más allá de los visuales estáticos.
• Fluidez en IA fomentada por dogfooding, programas estructurados y adopción empresarial segura de IA. Source

References

• https://openai.com/index/figma-david-kossnick