Figma para principiantes: conceptos básicos de diseño de UI/UX — PickAClass
★ 3.2 (4) ⏱ 3 h 📚 28 lecciones 🎧 Versión en audio

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

¿Alguna vez te has preguntado cómo se diseñan los sitios web y las aplicaciones móviles profesionales?Entrar en el mundo del diseño de UI / UX puede parecer abrumador, pero dominar las herramientas adecuadas es el lugar perfecto para comenzar.Este curso te transformará de un principiante completo a un usuario de Figma con confianza, capaz de diseñar interfaces web funcionales y visualmente atractivas. Lo que aprenderás: • Comprender la terminología básica y los conceptos básicos del diseño de UI / UX. • Domina la interfaz, los espacios de trabajo y las herramientas de diseño esenciales de Figma. • Construir sistemas de diseño reutilizables utilizando componentes y estilos. • Aplica técnicas de diseño como el diseño automático para crear diseños adaptables. • Practica la creación de wireframes y landing pages de alta fidelidad. • Aprende a construir prototipos interactivos para simular experiencias de usuario. Al final del curso, usted habrá diseñado su primer diseño web completo y prototipo clicable, y podrá mostrarlo en su sitio web o en su blog. Este curso está diseñado estrictamente para principiantes, no requiere experiencia previa en diseño, conocimiento de software o antecedentes técnicos. Inscríbase hoy y dé su primer paso para convertirse en un diseñador de interfaz experto.

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.
4 lecciones · 25 min
  1. ¿Qué es UI y UX?
    Diferenciar entre la experiencia del usuario y la interfaz visual.
    6 min
  2. Diccionario del Diseñador
    Aprender términos clave como Mockup, Wireframe y Prototype.
    6 min
  3. Jerarquía Visual
    Cómo guiar el ojo del usuario mediante el tamaño y el contraste.
    7 min
  4. 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.
5 lecciones · 32 min
  1. Configuración inicial
    Crear una cuenta y entender el panel de archivos.
    5 min
  2. Tour por la Interfaz
    Identificar las barras de herramientas, capas y el panel de propiedades.
    7 min
  3. Gestión de Frames y Páginas
    Organizar el espacio de trabajo de manera profesional.
    6 min
  4. Herramientas de Forma y Pluma
    Crear figuras básicas y trazos vectoriales.
    8 min
  5. 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.
5 lecciones · 32 min
  1. Layout Grids
    Uso de columnas y rejillas para alinear elementos.
    6 min
  2. Creando un Wireframe Low-Fi
    Dibujar el esqueleto de una landing page con formas simples.
    7 min
  3. Alineación y Distribución
    Uso de las herramientas de alineación automática.
    6 min
  4. Tipografía y Jerarquía de Texto
    Aplicar tamaños de fuente para diferenciar títulos de párrafos.
    7 min
  5. 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.
5 lecciones · 34 min
  1. Estilos de Color y Texto
    Crear una paleta global para mantener la consistencia.
    6 min
  2. Creación de Componentes
    Convertir elementos repetitivos en componentes maestros.
    7 min
  3. Variantes de Componentes
    Crear diferentes estados para un mismo botón (hover, click).
    7 min
  4. Introducción a Design Systems
    Organizar estilos y componentes en una biblioteca básica.
    6 min
  5. 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.
4 lecciones · 27 min
  1. Fundamentos de Auto Layout
    Entender el flujo horizontal y vertical automático.
    7 min
  2. Botones y Tarjetas Flexibles
    Crear elementos que crecen según el texto que contienen.
    7 min
  3. Listas y Menús Adaptables
    Organizar elementos complejos con espaciado automático.
    7 min
  4. 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.
5 lecciones · 30 min
  1. Conexiones entre Pantallas
    Crear el flujo de navegación básico del usuario.
    6 min
  2. Transiciones y Smart Animate
    Añadir movimientos fluidos entre estados de diseño.
    7 min
  3. Overlays y Menús Desplegables
    Simular elementos que aparecen sobre la pantalla principal.
    6 min
  4. Modo Presentación
    Cómo visualizar y probar el prototipo en dispositivos reales.
    5 min
  5. Exportación y Entrega
    Preparar archivos para desarrolladores o para el portafolio.
    6 min
Proyecto final

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.

P
PickAClass
Perfil de habilidades · verificable
Documento
Certificado de Maestría
Esto certifica que
Nombre Apellido
ha demostrado con éxito el dominio de
Figma para principiantes: conceptos básicos de diseño de UI/UX
Habilidades demostradas
✓
Análisis de patrones de comportamiento
Fundamental
1.2 h
✓
Marcos de arquitectura de decisiones
Competente
1.4 h
✓
Diseño de pruebas A/B
Competente
1.7 h
✓
Redacción conductual
Avanzado
1.9 h
P
PickAClass — Nombre Apellido
Figma para principiantes: conceptos básicos de diseño de UI/UX
Página 2 de 2
Detalle de desempeño
Resumen del curso
Lecciones completadas 14 / 14
Preguntas de práctica 26 / 28
Tareas entregadas 4 (prom. 4.5 / 5)
Proyecto final Revisado — 4.6 / 5
Práctica total 6.2 h
Referencia de desempeño
Posición en la cohorte Top 12% de 1,625
Tiempo hasta completar 11 días (mediana: 22)
Puntuación de dominio 91 / 100
Puntuación de preguntas de práctica 94%
Verificación de habilidad Ruta de habilidad verificada
Verifica esta credencial
pickaclass.com/certificates/PCC-2026-X4F7-AP19
Emitido bajo los estándares académicos de PickAClass. Los niveles de habilidad reflejan el desempeño evaluado frente a la rúbrica de competencias del curso. Es una credencial original de esta plataforma.

Reseñas

Aún no hay reseñas — sé el primero en compartir tu experiencia.

Escribir una reseña

☆☆☆☆☆
Te pediremos iniciar sesión después de enviar — tu borrador se guarda.

Otros también tomaron

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.

Diseñado para profesionales en
Tecnología Diseño Finanzas Marketing Salud Educación Hostelería Manufactura