Qué es Figma y qué productos comprende
Figma es una plataforma de diseño y creación de productos digitales cuyo núcleo, Figma Design, permite trabajar conjuntamente en interfaces y prototipos. El nombre también identifica a la empresa y a una familia más amplia de aplicaciones: pizarras, presentaciones, ilustración, publicación web y creación asistida por IA. Conviene identificar el producto concreto al describir una función: una pantalla diseñada, un prototipo conectado y una aplicación generada con Make son resultados diferentes.
Su aportación principal es reunir decisiones visuales y funcionales en un espacio que pueden revisar diseñadores, desarrolladores y responsables de producto. Por ejemplo, un formulario no se estudia únicamente como una imagen: se analizan campos, mensajes, estados y recorridos. Esta perspectiva resulta útil en productos destinados a trabajadores, donde un texto ambiguo o un estado mal identificado puede dificultar una tarea aunque la interfaz tenga un aspecto cuidado.
Documentación de referencia: Figma Design · Figma Make.
Origen y evolución del producto
Dylan Field y Evan Wallace fundaron Figma en 2012. El proyecto exploró cómo trasladar una herramienta profesional de diseño al navegador, utilizando tecnologías como WebGL. La presentación pública inicial llegó en diciembre de 2015; en septiembre de 2016 se abrió el acceso general con edición simultánea. El navegador pasó así de ser un medio para mostrar el resultado a ser el lugar donde distintas personas podían producirlo conjuntamente.
En 2019 se presentó Figma Community, un espacio para publicar archivos que otras personas pudieran examinar y reutilizar. La evolución posterior amplió el entorno desde el diseño de interfaces hacia planificación, comunicación y creación de productos. En octubre de 2025 Figma anunció la adquisición de Weavy, origen de Figma Weave, para ampliar el trabajo con imágenes, vídeo y otros medios mediante flujos de IA. Estos hitos explican la amplitud actual de la marca sin confundir la antigüedad del editor con la de cada aplicación.
Documentación de referencia: Design, meet the internet, 3 December 2015 · Multiplayer editing in Figma, September 2016 · Introducing Figma Community, October 2019 · Welcome Weavy to Figma, October 2025.
Empresa, propuesta de adquisición y salida a bolsa
Adobe anunció una propuesta de adquisición de Figma en septiembre de 2022. La operación se abandonó en diciembre de 2023, ante la falta de una vía clara para obtener la autorización regulatoria. En sus conclusiones provisionales de noviembre de 2023, la autoridad británica de competencia, CMA, había expresado preocupación por la reducción de competencia e innovación en software de diseño. Se trataba de una evaluación de la operación, no de un defecto técnico del editor.
Figma continuó como empresa independiente de Adobe y completó su oferta pública inicial en agosto de 2025, según sus documentos presentados ante la SEC. Por tanto, no debe describirse como una aplicación incluida en Creative Cloud por aquella propuesta. Para una organización, la distinción tiene consecuencias prácticas: contratación, administración de usuarios, tratamiento de datos y soporte se gestionan en el marco de la oferta de Figma.
Documentación de referencia: Adobe collaboration announcement and cancellation update · CMA: Adobe/Figma provisional competition findings, November 2023 · Figma Form 10-Q, quarter ended June 2025.
Marcos, componentes y sistemas de diseño
Figma Design organiza el trabajo mediante capas y marcos que pueden representar pantallas, componentes o grupos de contenido. Los componentes reutilizables permiten tratar un botón, una tarjeta o un aviso como elementos de un sistema. Auto layout organiza contenidos horizontalmente, verticalmente o en cuadrícula y controla separación, relleno y adaptación del tamaño.
Las variables guardan valores reutilizables y pueden agruparse en colecciones con diferentes modos. Sirven, por ejemplo, para representar temas visuales, dimensiones o textos alternativos. Su utilidad editorial aparece cuando un cambio debe aplicarse de forma consistente: ajustar el espaciado de un campo o revisar la denominación de un estado en varias pantallas.
Un sistema de diseño necesita decisiones además de elementos reutilizables. Es útil documentar cuándo se usa cada componente, qué significa cada estado y qué contenido admite. Para una interfaz multilingüe, conviene probar palabras largas, mensajes de varias líneas y campos vacíos. Un diseño ajustado al texto más corto puede desbordarse cuando se traduce o cuando llega un mensaje de error real.
Documentación de referencia: Guide to auto layout · Variables, collections and modes · Figma Design.
Prototipos, especificaciones y entrega al desarrollo
Los prototipos conectan marcos mediante interacciones y puntos de inicio. Un mismo archivo puede contener varios flujos para estudiar tareas diferentes. La prueba debe incluir rutas alternativas: una selección equivocada, la vuelta a un paso previo o la interrupción del proceso. De este modo se descubre qué instrucciones faltan y qué decisiones todavía no están resueltas.
Dev Mode permite inspeccionar propiedades, consultar recursos y comparar versiones; facilita comunicar qué está preparado para implementación. Figma Specs, en beta a la fecha de revisión, añade un espacio para expresar intención, requisitos y contexto que también pueden utilizar agentes de desarrollo.
Una entrega útil relaciona pantalla, comportamiento y criterio de aceptación. «El mensaje aparece» es insuficiente si no se especifica cuándo, para quién y qué sucede después. Por ejemplo, una confirmación de envío debe corresponder a una recepción efectiva en la aplicación final. El diseño puede definir esa intención; la implementación y sus pruebas deben demostrar que se cumple.
Documentación de referencia: Figma — Guide to prototyping · Figma — Guide to Dev Mode · Figma Specs.
Pizarras, presentaciones, ilustración y movimiento
- FigJam: pizarra colaborativa para organizar ideas, diagramas y decisiones. Encaja en el análisis previo a una interfaz o en una sesión donde el resultado todavía no tiene una forma definida.
- Figma Slides: presentaciones que pueden incorporar prototipos interactivos y mecanismos de participación. Sirve para explicar una propuesta y dejar que la audiencia explore el comportamiento mostrado.
- Figma Draw: herramientas de ilustración vectorial, pinceles, texturas y efectos dentro del entorno de diseño. Aporta más control expresivo sobre gráficos e ilustraciones.
- Figma Motion: animación mediante línea de tiempo, fotogramas clave y curvas, con salidas como CSS, JSON o React. Está en beta; algunas funciones anunciadas, como determinadas transformaciones 3D, todavía figuraban como futuras el 8 de noviembre de 2026.
La elección depende del entregable: un mapa de decisiones, una explicación para una reunión, una ilustración o un comportamiento animado. Utilizar la misma familia facilita continuidad visual, pero cada formato exige una revisión propia del contenido y de su destino.
Documentación de referencia: Figma FigJam · Figma Slides · Figma Draw · Figma Motion.
Make, Sites, Buzz, Weave y funciones de IA
Figma Make genera prototipos funcionales y aplicaciones web a partir de instrucciones y materiales de referencia. Figma Sites se orienta a diseñar y publicar sitios adaptables, con colecciones de contenido CMS. Figma Buzz organiza la producción de materiales de marca con plantillas y elementos protegidos. Sites y Buzz figuraban en beta el 8 de noviembre de 2026: su existencia no implica que todas las cuentas tengan idénticas funciones.
Figma Weave conecta modelos y operaciones de edición en flujos para imágenes y otros medios. La documentación actual distingue su cuenta y créditos de los de Figma, aunque ofrece conexión con elementos de Design. Por su parte, el agente de Figma y las capas de código añaden creación conversacional y comportamiento ejecutable al lienzo; la disponibilidad depende del producto, la cuenta y la fase beta.
Estas rutas resuelven problemas distintos. Para explorar una interacción basta a menudo un prototipo; para demostrar comportamiento con código puede servir Make; para una web informativa, Sites. Antes de elegir, define si el resultado deberá conservar datos, autenticar personas, conectarse a otros sistemas o simplemente explicar una propuesta.
Documentación de referencia: Figma Make · Figma AI overview · Figma Sites · Figma Buzz · Figma Weave FAQ.
Exportaciones, extensiones y conexión con agentes
Los diseños estáticos pueden exportarse como PNG, JPG, SVG o PDF. PNG y JPG producen imágenes; SVG conserva información vectorial, con decisiones sobre convertir texto en trazados; el PDF exportado no equivale a un documento de texto plenamente editable. Ninguno de estos formatos conserva por sí solo todas las interacciones del prototipo.
El ecosistema de plugins, presentado en 2019, amplía tareas como gestionar capas, incorporar recursos o automatizar operaciones. Antes de depender de una extensión, conviene identificar su proveedor, datos utilizados y compatibilidad con el flujo del equipo. Un plugin ajeno tiene su propia evolución y condiciones.
El servidor MCP de Figma permite proporcionar contexto de diseño a agentes y, en funciones compatibles, escribir elementos nativos en el lienzo. La escritura requiere el servidor remoto y, fuera de borradores propios, una licencia Full; se documenta como beta. Para evaluar una integración, compara el resultado con componentes, espaciados y estados del original, y comprueba qué archivos y permisos necesita realmente.
Documentación de referencia: Export formats for static designs · Introducing Figma plugins, August 2019 · Figma MCP server documentation.
Plataformas, planes y tratamiento de contenido
Figma se utiliza en navegador y ofrece aplicaciones oficiales de escritorio para macOS y Windows, además de aplicaciones móviles para iOS y Android. La página de descargas consultada no ofrece una aplicación oficial de escritorio para Linux. La interfaz incluye español; el catalán no figura en la lista de idiomas de interfaz, lo que no impide diseñar materiales escritos en catalán.
Los planes principales son Starter, Professional, Organization y Enterprise. Las licencias Full, Dev y Collab distribuyen capacidades según la función de cada participante. Conviene dimensionar edición, inspección y colaboración por separado, y revisar créditos de IA y funciones beta antes de presupuestar.
El acceso a IA y el uso de contenido para entrenamiento son controles distintos. Según la documentación vigente, Starter y Professional activan inicialmente el entrenamiento de contenido con opción administrativa de exclusión; Organization y Enterprise lo mantienen desactivado. La revisión de una cuenta debe comprobar sus ajustes efectivos y el material que se comparte. Para prototipos con información laboral, una colección de ejemplos ficticios permite representar situaciones útiles sin trasladar expedientes personales al archivo.
Documentación de referencia: Figma downloads · Figma plans and pricing · Manage AI and content training.
Aplicaciones concretas en SST
Puede contribuir a la seguridad y salud en el trabajo durante el diseño de formularios, aplicaciones o comunicaciones preventivas. Permite estudiar cómo una persona interpreta las instrucciones y encuentra la información antes de desarrollar una solución, incorporando observaciones de trabajadores y técnicos en una fase temprana.
En prevención, puede ayudar a comprobar si un formulario utiliza términos comprensibles, si una lista de instrucciones funciona en móvil o si una persona identifica claramente el siguiente paso. Otro uso es diseñar cómo se presentan mensajes de error, campos obligatorios y estados pendientes, aspectos que suelen quedar fuera de una maqueta ideal.
El valor está en observar dificultades concretas antes de construir. La opinión de que una pantalla «se ve bien» no sustituye una prueba de la tarea con personas representativas y necesidades de acceso diferentes.
Caso práctico y comprobación del resultado
Ejemplo: prototipar un formulario para comunicar una condición insegura, con campos claros y un recorrido breve. Se prueba con usuarios representativos para detectar términos ambiguos, dificultades de lectura o pasos que impiden completar la comunicación.
- Definir el objetivo: comunicar una condición observada sin exigir datos que la persona desconoce. Usar ejemplos ficticios, no incidentes identificables.
- Crear estados de inicio, entrada incompleta, revisión y confirmación. Distinguir «enviado» de «resuelto» para no prometer una actuación inexistente.
- Conectar el recorrido y probar rutas alternativas: volver atrás, corregir un campo o abandonar. Incluir etiquetas claras en lugar de depender solo de iconos.
- Observar si participantes encuentran la acción sin recibir indicaciones. Registrar dónde dudan, qué información esperan y qué mensaje interpretan.
- Entregar decisiones, estados y textos acordados al desarrollo. Repetir la comprobación en el producto real, porque el prototipo no reproduce su funcionamiento completo.
Es un ejercicio de diseño propuesto; no implica que se haya desarrollado o validado una aplicación concreta.
Límites y condiciones de uso
Un prototipo no valida por sí mismo la accesibilidad, la seguridad informática ni el funcionamiento del sistema final. Evita usar datos personales reales en las pruebas y verifica después que la aplicación implementada conserva el comportamiento y las mejoras acordadas.
Un prototipo puede aparentar que guarda información aunque solo muestre la siguiente pantalla. No permite deducir permisos, trazabilidad, entrega de avisos ni disponibilidad sin conexión. Tampoco sustituye las pruebas de accesibilidad del código final. Antes de compartir un enlace, comprueba qué páginas y recursos del archivo puede ver el destinatario, no solo la pantalla inicial.
Documentación de referencia: Figma — Guide to prototyping · Figma — Guide to Dev Mode.
Cuándo elegirla y con qué complementarla
Elige Figma cuando la pregunta principal sea cómo una persona recorrerá una interfaz. Para recopilar ideas de forma abierta puede complementar a Miro. Para construir una aplicación, una herramienta como Power Apps plantea otra fase, que exige decisiones de datos, permisos y mantenimiento.
Una prueba de selección debe incluir una modificación de requisito: comprueba si los componentes y estados pueden actualizarse de forma coherente sin dejar pantallas antiguas conectadas al flujo.
Preguntas frecuentes
¿Un prototipo de Figma Design ya es una aplicación?
Un prototipo de Design representa una experiencia y sus interacciones previstas. Make es otro producto de la familia, capaz de generar aplicaciones web; su resultado también requiere pruebas antes de utilizarse. Hay que implementar y verificar el comportamiento real por separado.
¿Puede probarse un formulario sin datos personales?
Sí. Los datos ficticios permiten estudiar comprensión y recorrido sin introducir expedientes reales.
¿Qué conviene entregar al desarrollo?
Además de las pantallas, estados de error, textos aprobados, permisos esperados y criterios de aceptación observables. Las decisiones abiertas deben identificarse.
Documentación de referencia: Figma — Guide to prototyping · Figma Make.
