Figma es una herramienta de diseño de interfaces digitales que funciona en el navegador y permite crear, prototipar y colaborar en tiempo real sin instalar ningún programa.
Hoy es la herramienta más usada por diseñadores de producto, UX/UI y equipos de tecnología en todo el mundo. Empresas como Mercado Libre, Kavak y OXXO Digital utilizan Figma para diseñar sus aplicaciones y sitios web.
¿Para qué sirve Figma exactamente?
Figma sirve para diseñar la apariencia visual de aplicaciones móviles, sitios web y productos digitales. No es un programa para editar fotos ni para crear presentaciones: su propósito específico es diseñar interfaces de usuario (UI).
Una interfaz de usuario es todo lo que el usuario ve y toca en una app o página web: botones, menús, formularios, pantallas de inicio. Figma te permite diseñar esos elementos con precisión.
También sirve para crear prototipos, que son versiones simuladas de una app que funcionan como si fueran reales pero sin código. Con un prototipo puedes mostrar cómo funciona una pantalla antes de que los programadores la construyan.
¿Qué tipo de proyectos puedes hacer con Figma?
Estos son los usos más comunes de Figma en el mercado mexicano:
| Tipo de proyecto | Descripción |
|---|---|
| Diseño de app móvil | Pantallas de una aplicación para Android o iOS |
| Diseño de sitio web | Páginas completas con navegación y componentes |
| Prototipo interactivo | Simulación navegable de una app o web |
| Sistema de diseño | Biblioteca de componentes reutilizables para equipos |
| Presentación visual | Mockups para mostrar ideas a clientes |
Un diseñador freelance en México puede cobrar entre $8,000 y $25,000 al mes trabajando con Figma. Un diseñador UX/UI de planta en empresas como Liverpool o FEMSA puede ganar entre $18,000 y $30,000 al mes.
¿Cómo funciona Figma técnicamente?
Figma es una aplicación basada en la nube. Eso significa que todo tu trabajo se guarda automáticamente en los servidores de Figma, no en tu computadora.
Puedes abrir Figma desde cualquier navegador moderno: Chrome, Firefox, Edge o Safari. También existe una aplicación de escritorio para Mac y Windows, pero no es obligatoria.
Ventaja clave: como todo está en la nube, puedes trabajar desde cualquier lugar y colaborar con otros en tiempo real. Si un colega edita el archivo al mismo tiempo que tú, ves sus cambios al instante, igual que en Google Docs.
¿Cuáles son los planes de precio de Figma?
Figma tiene diferentes planes según el tipo de usuario:
| Plan | Costo | Para quién |
|---|---|---|
| Starter (gratuito) | $0 | Principiantes, proyectos personales |
| Professional | ~$12 USD/mes por editor | Freelancers y profesionales |
| Organization | ~$45 USD/mes por editor | Equipos de empresas |
| Enterprise | Precio personalizado | Grandes corporativos |
El plan gratuito te permite tener hasta 3 proyectos activos y colaborar con otros usuarios. Es más que suficiente para aprender y para proyectos pequeños. Durante este curso usarás el plan gratuito.
¿Por qué Figma reemplazó a otras herramientas?
Antes de Figma, los diseñadores usaban programas como Adobe XD, Sketch o InVision. Cada uno tenía limitaciones importantes.
Sketch solo funciona en Mac. Adobe XD requería suscripción a Adobe Creative Cloud. InVision era solo para prototipos, no para diseño completo.
Figma llegó con tres ventajas que las otras herramientas no tenían juntas:
- Colaboración en tiempo real — varios diseñadores pueden editar el mismo archivo simultáneamente.
- Multiplataforma — funciona en Mac, Windows y Linux sin instalar nada.
- Gratuito para empezar — el plan básico es suficiente para la mayoría de los proyectos individuales.
En 2022, Adobe intentó comprar Figma por $20,000 millones de dólares. La operación fue bloqueada por reguladores europeos en 2023. Ese intento de compra confirmó que Figma es el estándar dominante del mercado.
¿Quién usa Figma en México?
Figma es usada por diferentes perfiles profesionales en el mercado mexicano:
Diseñadores UX/UI son los usuarios principales. Diseñan la experiencia completa de una app: flujos, pantallas, interacciones.
Diseñadores gráficos que transitan hacia el diseño digital usan Figma para aprender el vocabulario de interfaces.
Desarrolladores front-end usan Figma para consultar especificaciones técnicas: tamaños, colores, tipografías y espaciado exactos.
Product managers y líderes de producto crean wireframes rápidos para comunicar ideas antes de involucrar a diseñadores.
Emprendedores y startups en ciudades como CDMX, Guadalajara y Monterrey usan Figma para diseñar su MVP (producto mínimo viable) sin contratar a un diseñador.
¿Cuál es la interfaz principal de Figma?
Cuando abres un archivo en Figma, verás tres zonas principales:
Panel izquierdo (capas y activos): muestra la estructura de tu diseño. Aquí puedes ver todos los elementos apilados en orden, igual que las capas de Photoshop.
Canvas central: es el área de trabajo. Aquí dibuj as, mueves y editas tus diseños. El canvas es infinito: puedes hacer zoom y desplazarte sin límite.
Panel derecho (propiedades): muestra las opciones del elemento seleccionado. Si seleccionas un botón, aquí verás su color, tamaño, tipografía y demás propiedades.
En la parte superior hay una barra de herramientas con los instrumentos de dibujo, selección y prototipado.
Errores comunes al empezar con Figma
Error 1: Confundir Figma con Photoshop o Illustrator. Figma no es para retocar fotos ni para ilustración artística. Es específicamente para diseño de interfaces digitales. Usar Figma para editar una foto es como usar Excel para escribir un correo.
Error 2: No guardar el trabajo. Figma guarda automáticamente. Muchos principiantes buscan el botón "Guardar" y se preocupan porque no existe. No lo necesitas: cada cambio se guarda en tiempo real.
Error 3: Trabajar sin estructura desde el primer día. Figma permite empezar a dibujar directamente en el canvas sin ningún orden. Eso funciona para experimentar, pero en proyectos reales necesitas usar frames y capas con nombres claros desde el inicio. En las lecciones siguientes aprenderás cómo hacerlo.
Resumen de conceptos clave
| Término | Definición |
|---|---|
| UI (User Interface) | La parte visual de una app o web que el usuario ve y toca |
| UX (User Experience) | La experiencia completa del usuario al usar un producto digital |
| Frame | Contenedor que representa una pantalla o sección en Figma |
| Componente | Elemento reutilizable (botón, tarjeta, menú) |
| Prototipo | Simulación navegable de un diseño sin código |
| Canvas | El área de trabajo infinita de Figma |
Lo que aprenderás en este curso
Este curso cubre todo lo que necesitas para usar Figma de forma funcional:
- Crear una cuenta y un proyecto desde cero
- Usar las herramientas de dibujo y texto
- Organizar tu diseño con frames, grupos y capas
- Aplicar colores y tipografías de forma consistente
- Crear componentes reutilizables
- Prototipar flujos de navegación
- Exportar tu trabajo para desarrolladores o clientes
No necesitas experiencia previa en diseño ni en programación. Solo necesitas una computadora con acceso a internet y una cuenta gratuita de Figma.
Puntos clave
- Figma es la herramienta estándar para diseño de interfaces en la industria actual, usada por equipos en Mercado Libre, startups y agencias mexicanas.
- Funciona en el navegador, sin instalación, en Mac, Windows y Linux.
- El plan gratuito es suficiente para completar este curso y hacer proyectos reales.
- No es Photoshop ni Illustrator: su propósito específico es diseñar pantallas de apps y sitios web.
- La colaboración en tiempo real es su ventaja más importante frente a herramientas anteriores como Sketch o Adobe XD.