Material útil. La estructura era lógica en su mayor parte.Puede no ser para principiantes absolutos.
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 (4)
Las aplicaciones del mundo real que se mostraron fueron súper útiles. Hizo que las ideas abstractas se sintieran tangibles.
Hmm, no estoy seguro de que esto sea ideal para principiantes, algunos conceptos fueron pasados por alto, y los ejemplos no siempre fueron claros.
Hmm, no estoy seguro de que esto sea para principiantes absolutos. Asume un poco de conocimiento previo que no se enseñó explícitamente.
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.