Figma

Esta reseña de Figma aborda para qué se utiliza Figma, las características principales de cada producto, los precios y las licencias de Figma, Figma Sites y Figma Make, los puntos fuertes y débiles de esta herramienta de diseño, y cómo se compara con otras herramientas. Figma funciona tanto en el navegador como en una aplicación de escritorio, y todos los archivos se almacenan en la nube, lo que permite que diseñadores, desarrolladores y gestores de producto trabajen en el mismo archivo al mismo tiempo. Desde 2025, Figma es más que una simple herramienta: además de Figma Design, incluye FigJam para crear tableros de trabajo, Dev Mode para la entrega a los desarrolladores, Figma Slides, Figma Sites para publicar sitios web y Figma Make para convertir ideas en prototipos funcionales y aplicaciones web.

¿Para qué se utiliza Figma?

Figma se utiliza para diseñar interfaces de usuario para sitios web, aplicaciones web y aplicaciones móviles, desde bocetos preliminares hasta prototipos de alta fidelidad. Los equipos de diseño crean y mantienen en ella sistemas de diseño: componentes, estilos y variables compartidos que garantizan la coherencia de todas las pantallas, de modo que todo el proceso de diseño se gestiona a partir de un único conjunto de archivos. Los diseñadores de UX crean prototipos interactivos para las pruebas de usuario, y los equipos de desarrollo examinan los mismos archivos de Figma para obtener medidas, recursos y fragmentos de código.

Para los equipos de «low-code», Figma suele ser el primer paso de un proyecto. Un diseñador crea las pantallas en Figma y un desarrollador las convierte en un producto funcional en Webflow, Framer, FlutterFlow o Bravo Studio. Figma Sites y Figma Make permiten ahora a un equipo saltarse parte de ese traspaso: publicar un sitio web o generar un prototipo funcional sin salir de Figma.

Características principales

• Edición vectorial y diseño automático: herramientas de lápiz y texto para un diseño preciso, y diseño automático que adapta el tamaño de los marcos al contenido y a diferentes tamaños de pantalla.
• Componentes y sistemas de diseño: crea componentes reutilizables con variantes y propiedades, publícalos como bibliotecas compartidas y utiliza variables para colores, espaciado y modos como claro y oscuro.
• Prototipos interactivos: vincula varias pantallas con clics, estados al pasar el cursor y transiciones animadas inteligentes, con lógica condicional y variables para flujos más realistas.
• Colaboración en tiempo real: varios editores en el mismo archivo, comentarios, historial de versiones, conversaciones de audio y enlaces compartibles para colaboradores externos con acceso de visualización o para comentar.
• Modo Dev: medidas, fragmentos de código CSS y de la plataforma, exportación de recursos y Code Connect, para que los desarrolladores vean cómo se asigna un diseño a sus componentes.
• Figma AI: funciones de IA para generar primeros borradores, renombrar capas, realizar búsquedas visuales en archivos y escribir texto, con un límite de créditos de IA por usuario.
• FigJam: una pizarra con notas adhesivas, plantillas y diagramas para ideas y talleres, abierta a personas que no sean diseñadores.
• Complementos y la comunidad de Figma: miles de complementos, kits de interfaz de usuario y plantillas, además de complementos privados en los planes «Organización» y «Empresa».

Precios de Figma

Figma vende licencias, no productos. Las cifras que aparecen a continuación proceden de la página de precios de Figma y de su artículo sobre planes y funciones, a fecha de septiembre de 2026.

• Starter (plan gratuito): 0 $. Un equipo, una carpeta y 3 archivos de diseño, borradores ilimitados, 30 días de historial de versiones, acceso a plantillas y kits de interfaz de usuario, 150 créditos de IA al día hasta un máximo de 500 al mes.
• Professional: licencia Full a 16 $, licencia Dev a 12 $ y licencia Collab a 3 $ al mes. Archivos ilimitados e historial de versiones ilimitado, bibliotecas de equipo, creación de prototipos avanzada, 3.000 créditos de IA al mes en la licencia Full.
• Organización: facturación anual. Licencia completa: 55 $; licencia para desarrolladores: 25 $; licencia de colaboración: 5 $ al mes. Incluye ramificación y fusión, Code Connect, administración centralizada y complementos privados.
• Enterprise: facturación anual. Licencia Full: 90 $; licencia Dev: 35 $; licencia Collab: 5 $ al mes. Incluye espacios de trabajo, inicio de sesión único, seguridad avanzada y controles para invitados.

Una licencia «Full» da acceso a todos los productos, incluidos Figma Design, Make, Sites y el modo Dev. Una licencia «Dev» incluye el modo Dev, FigJam y Slides, con acceso para ver y comentar archivos de diseño. Una licencia «Collab» incluye FigJam y Slides.

Lo que puede suponer una sorpresa en cuanto al coste es determinar qué tipo de licencia necesita cada persona. Cualquiera que edite diseños o utilice Figma Make o Figma Sites necesita una licencia «Full», y los planes «Organization» y «Enterprise» se facturan anualmente. Las funciones de IA consumen una asignación mensual de créditos por licencia, y un uso intensivo de Make agota los créditos rápidamente.

Primeros pasos: la curva de aprendizaje

Empezar con Figma es fácil: crea una cuenta gratuita, abre un archivo de diseño en el navegador y dibuja marcos, texto y formas. La curva de aprendizaje surge con las funciones avanzadas que hacen que Figma sea rápido para los equipos de diseño: maquetación automática, componentes con variantes, variables y lógica de prototipado. La mayoría de los diseñadores aprenden los conceptos básicos en cuestión de días y las funciones del sistema de diseño, como los componentes y las variables, en unas semanas. Empieza con una de las plantillas gratuitas o un kit de interfaz de usuario de la comunidad de Figma, recrea algunas pantallas de un proyecto real y comparte el archivo con acceso para comentarios para obtener opiniones desde el principio. Para un desarrollador, el Modo Dev es lo primero que debe aprender; para un creador de aplicaciones «low-code», aprender a interpretar los componentes y el diseño automático facilita la transición de los diseños de Figma a un generador de aplicaciones.

Figma frente a Adobe XD y otras herramientas de diseño

Adobe XD fue el rival más cercano de Figma durante años, pero Adobe ya no lo desarrolla de forma activa, y la mayoría de los equipos que utilizaban XD se han pasado a Figma. Sketch sigue siendo popular en Mac y funciona sin conexión, pero su colaboración es menos directa que editar el mismo archivo en el navegador. Penpot es una opción de código abierto que puedes alojar tú mismo, aunque con menos funciones. Figma ofrece más control sobre los sistemas de diseño, los componentes y la entrega al equipo de desarrollo que cualquiera de estas herramientas, con más funciones para los equipos en un único flujo de trabajo de diseño, razón por la cual se ha convertido en la herramienta predeterminada para los equipos de producto.

Figma Sites: publica un sitio web desde Figma

Figma Sites convierte los marcos de diseño de Figma en sitios web adaptativos y los publica sin necesidad de un creador de sitios web independiente. Se parte de un archivo de diseño o una plantilla, se utilizan bloques predefinidos con diseño automático, se añaden interacciones como estados al pasar el cursor y efectos de desplazamiento, y se gestiona el contenido en el CMS de Sites. Es posible utilizar código personalizado y capas de código generadas por IA para efectos que las opciones integradas no cubren (Figma Sites).

La publicación requiere un plan de pago con una licencia «Full». Los planes «Professional» permiten conectar hasta 10 dominios personalizados, mientras que los planes «Organization» y «Enterprise» admiten tantos como sea necesario (Centro de ayuda de Figma). Figma Sites sigue en fase beta. Es ideal para portafolios, páginas de destino y sitios de marketing que un equipo de diseño quiera gestionar de principio a fin. Para sitios web más grandes con necesidades complejas de CMS, sigue siendo más recomendable utilizar un creador de sitios web específico.

Figma Make: de idea a prototipo y aplicación web

Figma Make es el creador de aplicaciones con IA de Figma. Describes lo que quieres, adjuntas marcos de Figma o un sistema de diseño, y Make genera un prototipo funcional, respaldado por código, que puedes editar visualmente o mediante código (Figma Make). Los kits de Make sincronizan tus paquetes npm, los estilos de las bibliotecas y las directrices, de modo que el resultado se ajusta a tu sistema de diseño. Una integración con Supabase añade un backend con una base de datos Postgres, inicio de sesión y almacenamiento de claves secretas (Centro de ayuda de Figma).

Make forma parte de la suscripción «Full», y el plan gratuito «Starter» permite probarlo dentro de sus créditos diarios de IA. Los usuarios del plan «Starter» solo pueden publicar un archivo de Make en la web pública si también lo publican en la comunidad de Figma (Preguntas frecuentes de Figma Make). Make es la forma más rápida de crear prototipos interactivos para pruebas de usuario. Para una aplicación de producción con una lógica compleja, la mayoría de los equipos siguen entregando el resultado a los desarrolladores o a una plataforma «low-code».

Donde destaca Figma — y dónde se queda corto

Puntos fuertes:

• Colaboración en tiempo real en el navegador, sin necesidad de enviar archivos.
• La herramienta más potente para sistemas de diseño, componentes y variables.
• Una única herramienta desde el esquema funcional hasta el prototipo, pasando por la entrega al desarrollador e incluso una página web en vivo.
• Una enorme comunidad con complementos, kits de interfaz de usuario y plantillas, y un número ilimitado de colaboradores con acceso de visualización en todos los planes.

Inconvenientes:

• Las licencias de pago se suman por cada editor, y los planes «Organización» y «Empresa» solo están disponibles en modalidad anual.
• No permite exportar código real: el modo de desarrollo muestra fragmentos de código, pero no genera un front-end de producción.
• Los archivos muy grandes con muchas pantallas pueden ralentizar el proceso, y la mayor parte del trabajo requiere conexión a Internet.
• Figma Sites sigue estando en fase beta y es menos flexible que un creador de sitios web específico.
• Las funciones de IA y Make están limitadas por los créditos mensuales de IA.

Comparativa de Figma

• Framer: diseña y publica sitios web en una sola herramienta, con un CMS y un alojamiento más potentes que los de Figma Sites.
• Webflow: un creador visual de sitios web para sitios en producción; los equipos diseñan en Figma y desarrollan en Webflow.
• Canva: diseño más sencillo para gráficos de marketing y redes sociales, no para el diseño de interfaces.
• FlutterFlow y Bravo Studio: convierten los diseños en aplicaciones móviles nativas.
• Wix: un creador de páginas web «todo en uno» para pequeñas empresas.
• Bubble: crea aplicaciones web completas con lógica y una base de datos una vez finalizado el diseño.

¿Merece la pena Figma?

Figma merece la pena para equipos de producto, diseñadores de UX y agencias que diseñan interfaces de forma conjunta y necesitan un sistema de diseño compartido entre proyectos. El plan gratuito es suficiente para aprender a utilizar la herramienta de diseño y probar ideas, y el plan Professional, con archivos ilimitados, cubre las necesidades de la mayoría de los equipos pequeños. No es la mejor opción para quienes solo necesitan gráficos de marketing —en cuyo caso Canva resulta más sencillo— ni para equipos que buscan una plataforma web completa, ya que Framer o Webflow ofrecen más posibilidades que Figma Sites. Para proyectos «low-code», Figma suele ser el punto de partida adecuado: diseña primero las pantallas y, después, desarrolvalas en la plataforma que prefieras. Las agencias y los desarrolladores «low-code» de LowCodeDevs pueden tomar un diseño de Figma y llevarlo a la práctica.

Fuentes

• Precios de Figma: planes, tipos de licencia, precios y créditos de IA.
• Planes y funciones de Figma: límites del plan Starter y funciones por plan.
• Figma Sites y cómo gestionar un dominio personalizado para tu sitio web: publicación y dominios personalizados.
• Figma Make, preguntas frecuentes sobre Figma Make y cómo añadir un backend: «prompt-to-app», publicación y Supabase.
• Reseña de Figma 2026, ChooseSaaS: ventajas e inconvenientes (sus precios de 15, 45 y 75 dólares por editor y un complemento independiente para el modo Dev están desactualizados; la página de precios de Figma muestra ahora licencias «Full» a 16, 55 y 90 dólares y un tipo de licencia «Dev»).
• 13 alternativas a Figma, UX Pilot: alternativas (escrito por un competidor).