Diseño de UI/UX para Web y Móvil: De Figma a HTML y CSS

Domina la interfaz de usuario y experimenta los principios de diseño para crear diseños impresionantes en Figma, luego aprende cómo traducir tus diseños en HTML y CSS limpios y receptivos.

4.4 (1,407) ⏱ 47 min 📚 4 lecciones 🎧 Versión en audio

Sobre este curso

Los grandes productos digitales comienzan con una experiencia de usuario excepcional y un diseño de interfaz, y comprender cómo transformar esos diseños en diseños web funcionales reduce la brecha entre la visión creativa y la realidad técnica. Este curso te guiará a través de los principios fundamentales del diseño de UI / UX, equipándote para crear diseños profesionales para dispositivos web y móviles.Aprenderás la mecánica de Figma, dominarás el proceso de diseño desde los wireframes iniciales hasta los diseños pulidos y adquirirás las habilidades fundamentales de HTML y CSS necesarias para comunicarte de manera efectiva con los desarrolladores o construir tus propias páginas web responsivas. Lo que aprenderás: - Comprender los principios básicos de la experiencia del usuario (UX) y el diseño de la interfaz de usuario (UI), incluida la jerarquía visual, la tipografía y la teoría del color. - Domine los fundamentos de Figma, incluidos marcos, diseño automático, componentes reutilizables y restricciones de diseño responsivo. - Cree flujos de usuario, wireframes de baja fidelidad y diseños de diseño pulidos de alta fidelidad. - Aplicar estándares de accesibilidad modernos para garantizar que sus diseños digitales sean inclusivos y altamente utilizables. - Traduzca los diseños de diseño en una estructura HTML semántica limpia y diseños CSS receptivos. Comenzarás aprendiendo la terminología básica de diseño y la psicología del usuario antes de avanzar a las técnicas prácticas de Figma.Finalmente, explorarás la traducción del diseño al código, aprendiendo a estructurar diseños con CSS y HTML modernos. Este curso está diseñado para principiantes absolutos que desean ingresar al campo del diseño, así como para desarrolladores que buscan mejorar sus habilidades de diseño visual, sin necesidad de experiencia previa en diseño o codificación. Comience a leer hoy y dé su primer paso hacia el diseño de experiencias digitales hermosas y funcionales.

Lo que obtendrás

  • 📜 Certificado de finalización
    Añádelo a tu perfil de LinkedIn
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • 🎧 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 30 días
    Sin preguntas
  • Breve y enfocado
    47 min de contenido práctico

Reseñas (7)

Mia Hall AU
★ 5 · 2025-12-09T14:09:51+00:00

Esto es exactamente lo que estaba buscando.Me encantaron los ejemplos prácticos, realmente ayudaron a solidificar los conceptos.

วิชัย เกษมสุข TH
★ 4 · 2025-09-19T01:05:51+00:00

Realmente disfruté la experiencia de aprendizaje. Los materiales proporcionados eran de primera categoría y fáciles de seguir.

سهام DZ Estudiante verificado
★ 5 · 2025-08-01T01:26:51+00:00

Este curso superó mis expectativas. Las aplicaciones del mundo real discutidas son increíblemente útiles.

Camila Sánchez CO
★ 4 · 2025-04-16T19:35:51+00:00

Una buena introducción. La estructura era en su mayoría clara, pero me gustaría que hubiera algunos ejemplos más del mundo real.

Elżbieta Szymańska PL
★ 5 · 2025-04-12T05:37:51+00:00

Diseño de curso brillante. La forma en que los conceptos se construyen entre sí es perfecta.

Марія Лисенко UA Estudiante verificado
★ 5 · 2025-04-04T10:49:51+00:00

Las aplicaciones del mundo real que se mostraron fueron súper útiles. Hizo que las ideas abstractas se sintieran tangibles.

سعاد DZ
★ 3 · 2025-02-27T17:47:51+00:00

Es una introducción decente, pero podría beneficiarse de ejemplos más diversos y un flujo ligeramente mejor entre los módulos.

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, o con criptomonedas. No almacenamos datos de tarjeta — Stripe los gestiona de forma segura.

¿Puedo obtener un reembolso? +

Sí — reembolso completo en 30 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