Inicio/ Cursos/ Diseño & UX
Diseño & UX

De Figma a Divi: Curso para Maquetar Páginas Web

Curso aplicado para pasar diseños de Figma a Divi: 3 módulos, 11 clases, 3.3h. Exportar assets, maquetar, ajustes responsive y publicar. Acceso completo incluido en tu plan.

3.3h totales
3 módulos
11 clases
Español
De Figma a Divi: Curso para Maquetar Páginas Web
 4.7 en Trustpilot · Acceso desde $10/mes · Garantía 7 días
// Outcomes

Lo que lograrás al terminar el curso

Vas a pasar de la teoría a aplicarlo con criterio profesional. Estas son las capacidades concretas que te llevas.

Cierras el ciclo Figma → Divi sin developer

Pasas de entregar el mockup a entregar el sitio funcionando. Tu cliente recibe la web en producción, no un PDF con pantallas. Y tu ticket sube porque cubres todo el proceso.

Exportas assets y tokens con criterio

Sabes qué exportar de Figma y qué dejar (fuentes, imágenes, iconos, grilla, tokens de color). Configuras Divi para que respete el sistema de diseño desde el primer módulo, sin parches después.

Maquetación con fidelidad de diseño

Descompones el layout del mockup en secciones, filas y módulos Divi con criterio. Sabes cuándo usar Theme Builder, cuándo módulo nativo y cuándo CSS personalizado para mantener el diseño tal cual.

Ajustes responsive + entrega en producción

Trabajas los breakpoints respetando el responsive del diseño en Figma, optimizas el sitio para mobile y dejas el proyecto listo para que tu cliente lo apruebe sin pedirte cambios estructurales.

// Temario

Qué aprenderás en este curso

No hay teoría de relleno. Cada clase resuelve un problema real que vas a encontrar al trabajar con Diseño & UX.

3 módulos del flujo Figma → Divi (introducción, maquetación, ajustes y entrega)
Exportación de assets, tokens, fuentes e iconos desde Figma
Configuración inicial de Divi alineada al sistema de diseño del mockup
Maquetación módulo por módulo respetando la fidelidad del diseño
Theme Builder cuando corresponde · módulo nativo cuando alcanza
Ajustes responsive con criterio + publicación lista para cliente
// Clase gratis

Mira una clase gratis antes de decidir

Te abrimos una clase completa del curso para que veas cómo enseñamos, qué nivel de detalle esperar y si nuestra forma de explicar encaja contigo.

Módulo 1 · Clase 1.2 — ¿Qué es Figma y por qué usarlo en diseño web?
● Clase gratis
Módulo 1 · Clase 1.2 — ¿Qué es Figma y por qué usarlo en diseño web?

Esta es la clase "Módulo 1 · Clase 1.2 — ¿Qué es Figma y por qué usarlo en diseño web?"

Figma desde la óptica de quien va a maquetar después: qué hace especial al editor frente a otras herramientas, por qué es el estándar actual de UI web y qué le aporta a tu flujo de trabajo cuando entregas sitios en Divi. Una clase introductoria antes del flujo aplicado.

Ver las otras 11 clases
// Contenido completo

Contenido completo del curso

3 módulos · 11 clases. Despliega cada módulo para ver el detalle.

01
Introducción al Curso y Preparación del Proyecto
3 clases
  • Clase 1.1 - Introducción al curso: Objetivos y lo que aprenderás.
  • Clase 1.2 - ¿Qué es Figma y por qué usarlo en diseño web?
  • Clase 1.3 - Cómo analizar un diseño en Figma para maquetación.
02
Creación del Diseño en Divi Paso a Paso
5 clases
  • Clase 2.1 - Cómo exportar y organizar archivos desde Figma.
  • Clase 2.2 - Configuración de fuentes, colores y estilos globales en Divi.
  • Clase 2.3 - Uso de módulos de Divi para replicar el diseño de Figma.
  • Clase 2.4 - Construcción del Header y Footer con el Theme Builder.
  • Clase 2.5 - Construcción del cuerpo de la página: Secciones y filas y demás elementos.
03
Ajustes finales y publicación del Sitio
3 clases
  • Clase 3.1 - Pruebas finales y revisión del diseño en diferentes dispositivos.
  • Clase 3.2 - Migración a un hosting en producción.
  • Clase 3.3 - Conclusión y recomendaciones finales.
// Para ti / No es para ti

¿Este curso es para ti?

Sí, este curso es para ti si…

  • Diseñas en Figma y entregas a tus clientes el sitio funcionando, no solo el mockup
  • Trabajas con Divi a nivel base o avanzado y quieres cerrar el ciclo de proyecto
  • Te toma demasiado tiempo pasar de un mockup de Figma a la web final
  • Quieres mantener la fidelidad del diseño sin pelearte con cada módulo
  • Trabajas freelance o en agencia y necesitas escalar el ticket cerrando todo el proceso

Quizá no es el curso ideal si…

  • No usas Figma todavía: empieza primero con el Curso de Figma desde Cero
  • No manejas Divi a nivel base: pasa antes por el Curso Divi 4 Mastery
  • Buscas curso de Figma puro sin el componente de maquetación web — este es el puente entre ambos
Certificado UXDivi 2026
// Certificado

Obtén tu certificado de finalización

Al completar todas las clases del curso, recibes automáticamente un certificado digital firmado por Jefferson Maldonado. Lo puedes descargar, imprimir y añadir a tu LinkedIn o portafolio profesional.

  • Certificado digital con tu nombre y la fecha de finalización
  • Link de verificación público para compartir con clientes o empleadores
  • Firmado oficialmente por UXDivi
  • Listo para añadir a LinkedIn, CV o portafolio
Jefferson Maldonado — Fundador de UXDivi
Tu instructor

Aprende directamente con Jefferson Maldonado

Diseñador, no developer · Fundador de UXDivi, Director en MUX Studio y UX Director en UXDivi Templates

Llevo más de 10 años usando Divi y WordPress en proyectos reales para clientes en +29 países. Desde 2024 mi agencia MUX Studio integra IA agéntica en cada entrega: chatbots, plugins custom, integraciones API y themes a medida. Lo que enseño en este curso es exactamente lo que uso cada día.

Roles
Fundador de UXDivi
Director en MUX Studio
UX Director en UXDivi Templates
Tiempo
10 años con Divi
6 años con UXDivi
// Reseñas verificadas en Trustpilot

Lo que dicen los freelancers
que ya son parte de UXDivi

Enrique Taicea
Marketer · Agencia · México
Carina Stinga
Diseñadora · España
Jerry Castillo
Diseñador web · Perú
Sebastián Merlo
Marketer · Diseño · Argentina
4.7
Excelente · Basado en reseñas verificadas de miembros activos
Ver en Trustpilot →
// Cómo acceder

Accede a este curso con tu membresía UXDivi

Con cualquier plan desbloqueas este curso y los +44 cursos de la plataforma. Sin pagos extra, sin sorpresas.

Plan Mensual

Acceso completo,
sin compromiso anual

$20 /mes
Pago de $20 USD cada mes
Sin permanencia · paga mes a mes
  • Acceso a este curso + los +44 cursos de la plataforma
  • 11 rutas guiadas · 1.891 clases · +330 h de contenido
  • +302 recursos premium descargables
  • 5 descargas de recursos al mes
  • Soporte a través de los foros de la comunidad
  • Comunidad + networking hispano
  • Garantía 7 días · Sin permanencia
  • Sin soporte prioritario 1 a 1
  • Sin precio preferencial en el Método Vibe Coding
Acceder al plan mensual
Pago seguro vía Stripe o PayPal · Cancelas cuando quieras
Compra 100% protegida

Sin riesgo: 7 días de garantía

Entra al plan que elijas y prueba UXDivi durante una semana completa. Si en los primeros 7 días sientes que no es para ti, te devolvemos el 100% de tu pago. Sin preguntas, sin complicaciones, sin permanencia.

Reembolso 100% Pago Stripe · SSL 256-bit Sin permanencia Datos cifrados
// Ruta de aprendizaje

Tu siguiente paso después
de este curso

Cursos complementarios que construyen sobre lo que aprendiste aquí.

// Preguntas sobre el curso

Preguntas frecuentes
sobre este curso

¿Qué necesito saber antes de empezar este curso? +

No necesitas experiencia previa con Divi ni WordPress para empezar este curso. Cada clase está pensada para que avances paso a paso desde el primer minuto.

Si quieres llegar con más contexto, revisa los cursos relacionados dentro de la ruta de aprendizaje a la que pertenece este curso. Ahí encuentras la secuencia recomendada y puedes completar antes algún curso base si crees que te conviene reforzar conceptos.

¿Cuánto tiempo me toma completar este curso? +

Este curso tiene 3.3h de contenido distribuidas en 3 módulos y 11 clases. Si dedicas 2-3 horas por semana, lo terminas a tu ritmo. El acceso no caduca mientras seas miembro activo.

¿Incluye descargables y recursos? +

Sí. A lo largo del curso tienes acceso a layouts descargables, presets listos para importar, y plantillas de headers y footers que construimos en las clases prácticas. Todos los recursos están en el Hub de descargas de UXDivi — con descargas ilimitadas en el Plan Anual y 5 al mes en el Plan Mensual.

¿El curso se actualiza cuando Elegant Themes lanza novedades en Divi 5? +

Sí. Divi 5 está en evolución constante, y este curso se actualiza periódicamente con las funcionalidades nuevas (como Command Center, Divi AI, y próximas integraciones). Como miembro activo, accedes automáticamente a las actualizaciones sin costo extra.

¿Obtengo certificado al terminar? +

Sí. Al completar el 100% de las clases recibes un certificado digital firmado por Jefferson Maldonado, con link de verificación público. Lo puedes descargar, compartir en LinkedIn o añadirlo a tu portafolio profesional.

¿Qué pasa si tengo dudas durante el curso? +

Tienes dos opciones según tu plan:

  • Plan Anual: soporte prioritario 1-a-1 con Jeff vía ticket o videollamada, con respuesta en menos de 24h.
  • Plan Mensual: soporte a través de los foros de la comunidad, con respuesta en 24-72h.

En ambos casos, nunca te quedas solo con una duda técnica.

¿Puedo descargar los videos para verlos offline? +

No. Los videos del curso se reproducen directamente desde la plataforma para garantizar que siempre veas la versión más actualizada del contenido. Sin embargo, mientras seas miembro activo, el acceso es ilimitado desde cualquier dispositivo conectado a internet.

Empieza a dominar Divi 5 hoy mismo

Únete a +1.115 alumnos hispanos que ya están trabajando como profesionales en 2026 con Divi 5 e IA.

Garantía 7 días · Stripe y PayPal · Sin permanencia · Cancelas cuando quieras