Crear tu cuenta en Figma toma menos de cinco minutos y no requiere tarjeta de crédito.
Qué necesitas antes de empezar
Solo necesitas dos cosas: una dirección de correo electrónico y un navegador moderno. Chrome, Edge o Firefox funcionan perfectamente.
Si ya tienes cuenta de Google, el proceso es todavía más rápido. Figma te permite registrarte con un clic usando tu cuenta de Gmail.
Cómo registrarte en Figma paso a paso
Paso 1 — Abre el sitio oficial. Escribe figma.com en tu navegador. Verás un botón que dice "Get started for free".
Paso 2 — Elige tu método de registro. Tienes dos opciones:
- Continuar con Google: Figma usa tu correo de Gmail directamente.
- Registrarte con correo: Escribe tu email y crea una contraseña de al menos 8 caracteres.
Paso 3 — Confirma tu correo. Si te registras con email, Figma te manda un enlace de verificación. Ábrelo desde tu bandeja de entrada.
Paso 4 — Completa tu perfil básico. Figma te pregunta para qué usarás la herramienta. Selecciona "For my personal projects" si eres estudiante o trabajas de forma independiente. También te pide tu nombre. Escribe tu nombre real o el nombre con el que quieres que te conozcan tus clientes.
Paso 5 — Acepta el tour opcional. Figma ofrece un recorrido guiado. Puedes tomarlo o saltarlo. Para esta lección, saltarlo es la mejor opción porque lo aprenderás aquí de forma más práctica.
En menos de cinco minutos ya tienes acceso al panel principal de Figma.
El panel principal: qué ves al entrar
Al iniciar sesión, Figma te muestra tu panel de inicio (también llamado home dashboard). Este panel tiene tres zonas importantes.
Zona 1 — Barra lateral izquierda. Aquí aparecen tu nombre, tus equipos y tus proyectos. Es tu menú de navegación principal.
Zona 2 — Área central. Muestra tus archivos recientes y los archivos dentro del proyecto que tengas seleccionado. Cuando tu cuenta es nueva, esta área estará vacía.
Zona 3 — Botón "New file". Es el botón azul en la esquina superior derecha. Lo usarás constantemente. Crea un nuevo archivo de diseño con un solo clic.
Cómo crear tu primer proyecto
En Figma, un proyecto es una carpeta que agrupa archivos relacionados. Piensa en él como una carpeta de tu computadora, pero en la nube.
Antes de crear archivos, crea un proyecto. Así mantienes todo organizado desde el principio.
Cómo hacerlo:
- En la barra lateral izquierda, busca tu nombre de equipo (por defecto dice algo como "Tu nombre's team").
- Haz clic en el botón "+" que aparece junto al nombre del equipo.
- Figma te pedirá un nombre para el proyecto. Escribe algo descriptivo.
- Presiona Enter o haz clic en "Create project".
Listo. Tu primer proyecto ya existe.
Ejemplo práctico: proyecto para un cliente de comida
Supón que diseñas la app de pedidos de una taquería en Guadalajara. Crea un proyecto llamado "App Tacos El Güero". Dentro de ese proyecto, más adelante crearás archivos separados para wireframes, prototipos y componentes.
Esta estructura te ayuda a encontrar cualquier archivo en segundos, incluso si trabajas en varios proyectos al mismo tiempo.
Cómo crear tu primer archivo de diseño
Un archivo de diseño es el espacio donde realmente diseñas. Cada archivo puede contener múltiples páginas y frames.
Pasos:
- Haz clic en tu proyecto recién creado para abrirlo.
- Haz clic en el botón azul "New file" (o el ícono "+" dentro del proyecto).
- Figma abre el editor de diseño en una nueva pestaña del navegador.
Verás un lienzo gris infinito. Eso es tu área de trabajo. Está vacío y listo para que empieces a diseñar.
Ejemplo: archivo para el rediseño del sitio de Liverpool
Imagina que trabajas en un proyecto de rediseño para la tienda en línea de Liverpool. Creas un proyecto llamado "Rediseño Liverpool Web" y dentro creas dos archivos:
- "01 — Wireframes": bocetos de baja fidelidad de las pantallas principales.
- "02 — UI Final": el diseño visual terminado con colores, tipografía e íconos.
Esta convención de nombrar archivos con números al inicio (01, 02, 03) los ordena automáticamente por etapa del proyecto.
Convenciones de nombres que usan los diseñadores profesionales
Nombrar bien tus archivos te ahorra tiempo. Aquí hay un sistema simple que funciona:
| Tipo de archivo | Ejemplo de nombre |
|---|---|
| Investigación y notas | 00 — Research |
| Wireframes | 01 — Wireframes |
| Diseño visual | 02 — UI Design |
| Prototipo interactivo | 03 — Prototype |
| Entrega al desarrollador | 04 — Handoff |
Esta estructura es la que usan equipos en empresas como FEMSA y Mercado Libre. Adoptarla desde el principio es una señal de profesionalismo.
Errores comunes al crear tu cuenta y primer proyecto
Error 1 — Crear archivos sueltos sin proyecto. Muchos principiantes crean archivos directamente en la sección "Drafts" (borradores). El problema es que Drafts es un espacio desorganizado. Los archivos ahí son difíciles de compartir y no tienen una estructura clara. Solución: siempre crea un proyecto primero y luego agrega archivos dentro de él.
Error 2 — Usar nombres genéricos como "Untitled" o "Diseño 1". Figma nombra los archivos nuevos como "Untitled" por defecto. Si no cambias el nombre de inmediato, en dos semanas tendrás diez archivos llamados "Untitled" y no sabrás cuál es cuál. Solución: cambia el nombre del archivo en el momento en que lo creas. Haz doble clic sobre el nombre en la pestaña del editor.
Error 3 — Registrarse con un correo temporal o de trabajo ajeno. Algunos estudiantes se registran con el correo de su trabajo actual. Si dejan ese empleo, pierden acceso a todos sus proyectos. Solución: usa siempre un correo personal que controles a largo plazo.
Error 4 — Crear demasiados proyectos vacíos. El plan gratuito permite 3 proyectos activos con archivos editables. Si creas proyectos sin un propósito claro, ocupas ese espacio rápidamente. Solución: en el plan gratuito, usa un proyecto para aprendizaje, uno para proyectos reales y uno para experimentación.
Resumen visual de la estructura en Figma
Entender la jerarquía de Figma evita confusiones:
| Nivel | Nombre | Equivalente fuera de Figma |
|---|---|---|
| 1 | Equipo (Team) | Tu empresa o perfil personal |
| 2 | Proyecto (Project) | Una carpeta por cliente o producto |
| 3 | Archivo (File) | Un documento de trabajo específico |
| 4 | Página (Page) | Una pestaña dentro del documento |
| 5 | Frame | Una pantalla o sección del diseño |
Cuanto más claro tengas esta jerarquía, más rápido navegarás en Figma.
Lo que lograste en esta lección
En esta lección pasaste de no tener cuenta a tener un espacio de trabajo organizado y listo para diseñar. Creaste un proyecto con nombre descriptivo, un archivo con convención profesional y conoces los errores que debes evitar.
En la siguiente lección explorarás el editor de diseño: el lienzo, las herramientas principales y cómo moverte dentro del espacio de trabajo sin perderte.