Figma para principiantes: conceptos básicos de diseño de UI/UX
Comienza tu viaje en el diseño web dominando las herramientas esenciales de Figma para crear interfaces impresionantes y prototipos interactivos.
-
💬
Instructor de IA
Pregunta sobre cualquier lección y recibe una respuesta clara al instante, cuando quieras. -
🕐
Empieza cuando quieras
Sin horarios ni fechas límite: aprende a tu ritmo, cuando quieras. -
🌐
En español
Lecciones, tareas y certificado: todo completamente en tu idioma.
Sobre este curso
Contenido del curso
6 módulos · 28 lecciones · 3 h
1
Fundamentos del Diseño UI/UX
Comprender la base teórica y la diferencia entre experiencia e interfaz de usuario.
- ¿Qué es UI y UX?
Diferenciar entre la experiencia del usuario y la interfaz visual.6 min - Diccionario del Diseñador
Aprender términos clave como Mockup, Wireframe y Prototype.6 min - Jerarquía Visual
Cómo guiar el ojo del usuario mediante el tamaño y el contraste.7 min - Principios de Usabilidad
Reglas básicas para que una interfaz sea fácil de usar.6 min
2
Dominando la Interfaz de Figma
Navegar con fluidez por el software y usar las herramientas básicas de dibujo.
- Configuración inicial
Crear una cuenta y entender el panel de archivos.5 min - Tour por la Interfaz
Identificar las barras de herramientas, capas y el panel de propiedades.7 min - Gestión de Frames y Páginas
Organizar el espacio de trabajo de manera profesional.6 min - Herramientas de Forma y Pluma
Crear figuras básicas y trazos vectoriales.8 min - Capas y Grupos
Mantener el orden del proyecto mediante la agrupación lógica.6 min
3
Estructura: Wireframes y Grids
Aprender a planificar la estructura de un sitio web sin distracciones visuales.
- Layout Grids
Uso de columnas y rejillas para alinear elementos.6 min - Creando un Wireframe Low-Fi
Dibujar el esqueleto de una landing page con formas simples.7 min - Alineación y Distribución
Uso de las herramientas de alineación automática.6 min - Tipografía y Jerarquía de Texto
Aplicar tamaños de fuente para diferenciar títulos de párrafos.7 min - Iconografía básica
Integrar iconos para mejorar la navegación visual.6 min
4
Diseño Visual y Sistemas
Transformar estructuras simples en diseños de alta fidelidad reutilizables.
- Estilos de Color y Texto
Crear una paleta global para mantener la consistencia.6 min - Creación de Componentes
Convertir elementos repetitivos en componentes maestros.7 min - Variantes de Componentes
Crear diferentes estados para un mismo botón (hover, click).7 min - Introducción a Design Systems
Organizar estilos y componentes en una biblioteca básica.6 min - Diseño de Landing Page Hi-Fi
Aplicar imágenes, colores y sombras al wireframe previo.8 min
5
Auto Layout y Adaptabilidad
Crear diseños que se ajusten automáticamente al contenido.
- Fundamentos de Auto Layout
Entender el flujo horizontal y vertical automático.7 min - Botones y Tarjetas Flexibles
Crear elementos que crecen según el texto que contienen.7 min - Listas y Menús Adaptables
Organizar elementos complejos con espaciado automático.7 min - Resizing: Hug vs Fill
Dominar cómo los elementos ocupan el espacio disponible.6 min
6
Prototipado e Interacción
Dar vida al diseño mediante conexiones y animaciones.
- Conexiones entre Pantallas
Crear el flujo de navegación básico del usuario.6 min - Transiciones y Smart Animate
Añadir movimientos fluidos entre estados de diseño.7 min - Overlays y Menús Desplegables
Simular elementos que aparecen sobre la pantalla principal.6 min - Modo Presentación
Cómo visualizar y probar el prototipo en dispositivos reales.5 min - Exportación y Entrega
Preparar archivos para desarrolladores o para el portafolio.6 min
Proyecto Final: Landing Page Interactiva
Diseñarás desde cero una landing page para un producto o servicio, aplicando sistemas de diseño, auto layout y convirtiéndola en un prototipo navegable.
Lo que obtendrás
-
📜
Certificado de finalización
Añádelo a tu perfil de LinkedIn -
💬
Tutor AI personal
¿Atascado en una lección? Pregúntale a tu tutor integrado lo que quieras, cuando quieras. -
🎧
Versión en audio incluida
Aprende en cualquier momento, sin pantalla -
♾️
Acceso de por vida
Vuelve cuando quieras, sin caducidad -
📱
Teléfono o computadora
Funciona en cualquier dispositivo -
💸
Reembolso de 14 días
Sin preguntas -
⚡
Breve y enfocado
3 h de contenido práctico
Certificado de finalización
Cada curso que completas en PickAClass emite una credencial como esta — original, con su propio código, verificable por URL y detallada sobre lo que realmente demostraste.
Reseñas
Aún no hay reseñas — sé el primero en compartir tu experiencia.
Otros también tomaron
Evaluación de Interfaces de Usuario y Pruebas de Usabilidad
Principios Fundamentales del Diseño Visual e Interactivo
Fundamentos de Diseño UX/UI: Investigación, Wireframing y Usabilidad
Fundamentos de Diseño UI: Principios y Prototipado
Preguntas frecuentes
¿Qué necesito para tomar este curso? +
Solo un teléfono o computadora con internet. Sin instalaciones ni hardware especial.
¿Cómo pago? +
Con tarjeta a través de Stripe. No almacenamos datos de tarjeta — Stripe los gestiona de forma segura.
¿Puedo obtener un reembolso? +
Sí — reembolso completo en 14 días, sin preguntas.
¿Por cuánto tiempo tendré acceso? +
Para siempre. Una vez comprado, el curso es tuyo para revisarlo cuando quieras.
¿Obtendré un certificado? +
Sí. Al finalizar recibirás un certificado que puedes añadir a tu perfil de LinkedIn.
Consigue 10 cursos al mes
Los miembros obtienen 10 cursos a su elección cada mes por $0. Sin cargos por curso: solo pagas la suscripción.
- ✓ 10 cursos cada mes
- ✓ Cancela cuando quieras
Se renueva cada mes. Los cursos no usados caducan al final de cada mes de facturación.