¡50% Dto. Por tiempo limitado!

Incluye Figma Pro (Education), al adquirir el curso

Curso de Webflow

12

Estudiantes activos

Transforma tus diseños de Figma en sitios web reales, funcionales y listos para publicarse. Aprende a implementar tus diseños de forma profesional en Webflow, creando experiencias pixel perfect, responsive y escalables, sin la necesidad de escribir código.

Inscríbete por
$57 USD

Precio anterior

$114 USD

Portada del curso

¿Qué aprenderás en este curso?

Implementación profesional de Figma a Webflow

Aprende a convertir tus diseños de Figma en sitios web completamente funcionales, respetando estructura, jerarquía visual y comportamiento real en web.

Diseños pixel perfect y responsive

Implementa layouts idénticos a tus diseños originales, adaptados a todos los breakpoints, utilizando buenas prácticas reales de web, no hacks visuales.

Creación de CMS dinámicos

Aprende a crear blogs, listados de contenido, artículos y colecciones dinámicas usando el CMS nativo de Webflow, con estructura profesional y fácil mantenimiento.

Filtros, búsquedas y lógica de contenido

Construye experiencias avanzadas con filtros, búsquedas y organización de contenido, acercándote al nivel de productos digitales reales.

Animaciones y microinteracciones

Integra animaciones nativas de Webflow para mejorar la experiencia del usuario sin sacrificar rendimiento ni usabilidad.

Uso estratégico de Relume

Aprende a trabajar con Relume, la librería profesional de componentes para Webflow, para estructurar sitios más rápido, con lógica y consistencia real de producto.

¿Además del curso que otro tipo de ayuda recibiré?

¿Por qué debería tomar este curso?

Aprender Webflow te convierte en un diseñador más completo, más valioso y más competitivo.

En este curso dejarás de ser solo alguien que diseña pantallas en Figma.

Aprenderás a hacer que tus diseños existan en el mundo real: sitios que se publican, se usan y generan valor.

Pensarás como un diseñador web profesional:

  • Diseñarás con intención de implementación
  • Entenderás cómo funciona realmente la web
  • Construirás productos digitales funcionales, no solo prototipos

Webflow es hoy uno de los mayores diferenciadores del mercado, porque une diseño y ejecución en una sola herramienta.

Cuando sabes Webflow, ya no dependes de otros para ver tus ideas hechas realidad.

Este curso está diseñado para quienes quieren cerrar la brecha entre diseño y desarrollo, y empezar a construir experiencias digitales completas, funcionales y profesionales.

¡Comienza a implementar tus propios diseños de manera profesional!

¿Por qué elegir este curso y no cualquier otro?

1. Por qué te compartiré todos los conocimientos que me han permitido posicionarme cómo un referente del diseño en la industria y poder vivir del diseño de manera profesional.

2. Por qué no necesitas gastar cientos de dólares para ser un profesional, yo te daré el conocimiento que necesitas y con la mejor calidad sin que tengas que dejar en ceros tu cartera, yo también estuve ahí, queriendo iniciar en el Diseño UX/UI y mirando como infinidad de plataformas cobraban más de $500 USD por sus cursos y cuando pude tomarlos, la verdad me arrepentí porque no valieron la pena.

3. Responderé todas tus dudas a través de la plataforma del curso, no estarás sol@ en tu camino, en todo momento estaré al pendiente para poder ayudarte.

¿Este curso es para mí?

Este curso es ideal para cualquier persona que desea aprender sobre el buen diseño, no importa si eres Designer o Developer lo que te enseñaré aquí te ayudara a mejorar el aspecto visual de tus diseños. No necesitas saber absolutamente nada para entrar, tampoco importa si ya tienes conocimientos previos.

Proyecto del curso

En este curso crearemos 2 proyectos, el primero será una landing page para enseñarte los fundamentes de Webflow y sepas utilizarla El siguiente proyecto será la implementación completa de una web avanzada que incluye filtros, búsqueda, CMS animaciones y más. Además utilizaremos Relume como punto de partida para implementar todo el diseño de nuestra web.

Acceso de por vida
100% práctico
Recursos descargables
Actualizaciones sin costo
Temario del curso
8
Módulos

Módulo 1: Fundamentos para implementar en Webflow

1 — Bienvenida al curso y mentalidad de implementación profesional

2 — Qué es Webflow y por qué es un diferenciador en el mercado actual

3 — Qué tipo de proyectos sí y no deberías hacer en Webflow

4 — Cómo funciona una web en el navegador (pensado para diseñadores)

5 — HTML explicado desde la lógica visual de Figma

6 — CSS explicado sin código: cómo impacta tus diseños

Módulo 2: Webflow UI y fundamentos técnicos

7 — Conociendo la interfaz de Webflow (UI completa y lógica interna)

8 — Estructura base de una página web en Webflow

9 — El Box Model aplicado directamente en Webflow

10 — Nesting: cómo se construyen layouts reales

11 — Cascading y herencia: por qué a veces “se rompe” tu diseño

12 — Uso correcto de clases en Webflow

13 — Naming conventions profesionales (errores comunes y buenas prácticas)

Módulo 3: Layouts y sistemas de diseño para Webflow

14 — Display en Webflow: Block, Flex, Grid y None

15 — Flexbox aplicado a layouts reales

16 — CSS Grid para estructuras complejas

17 — Uso estratégico de containers y wrappers

18 — Diseño responsive desde desktop hasta mobile

19 — Cómo pensar breakpoints sin duplicar trabajo

Módulo 4: Preparación de diseños en Figma para Webflow

20 — Cómo preparar tus diseños en Figma para una implementación limpia

21 — Errores comunes al diseñar sin pensar en Webflow

22 — Qué decisiones de diseño afectan directamente la implementación

23 — Presentación del proyecto base (landing page)

24 — Estructura inicial del proyecto en Webflow

Módulo 5: Proyecto 1 — Landing Page profesional

25 — Construcción del Hero section (estructura + layout)

26 — Creación de secciones reutilizables

27 — Responsive avanzado en landing pages

28 — Ajustes visuales pixel perfect

29 — Publicación y revisión profesional del proyecto

Módulo 6: Webflow dinámico — CMS y lógica de contenido

30 — Introducción al CMS de Webflow

31 — Creación de colecciones (blogs, artículos, contenido dinámico)

32 — Relaciones entre colecciones

33 — Buenas prácticas para escalar contenido sin romper el diseño

Módulo 7: Funcionalidades avanzadas y aceleración de flujo

34 — Filtros y búsquedas en Webflow

35 — Animaciones y microinteracciones con sentido UX

36 — Uso profesional de Relume (estructura + velocidad)

37 — Componentes, librerías y reutilización avanzada

Módulo 8: Proyecto Final — Sitio web avanzado

38 — Presentación del proyecto avanzado

39 — Implementación completa del sitio

40 — Optimización, orden y buenas prácticas finales

41 — Publicación del sitio y cierre del curso

Mira lo que dicen
+1 mil alumnos sobre mis cursos

Learn about us
Learn about us

Invierte en tu futuro

Prepárate para impulsar tu carrera y mejorar tu salario.

Único pago de
$57 USD

Precio anterior

$114 USD

¡Paga en su totalidad para ahorrar aún más! Disfruta de acceso de por vida al curso y todas las actualizaciones.

3 pagos de
$19 USD

Precio anterior

$114 USD

Paga en tres cómodas cuotas. Recibirás acceso de por vida, además de todas las actualizaciones.

¡Más popular!
Paquete de cursos
Adquiere más cursos gastando menos, elige el paquete de curso que mejor se adapte a tus necesidades de aprendizaje.
Paquete de 3 cursos de UX/UI Design
Ideal para quienes recién inician en el mundo del diseño.
Ver paquete de cursos
Aprende más gastando menos
Incluye 5 cursos de diseño con acceso de por vida.
Ver paquete de cursos
Gana dinero con lo que ya sabes de diseño
Conviértete en Freelancer y atrae clientes, cierra proyectos y construye un negocio rentable como UX/UI Designer.
Ver curso

Preguntas frecuentes

¿Necesito tener conocimientos previos para tomar un curso?

No necesitas saber absolutamente nada para entrar, ni tampoco importa el si ya tienen conocimientos en Figma, pues acá te enseñaré nuevos trucos y consejos que podrás aplicar desde ya en tu día a día.

¿Cuánto tiempo tendré acceso al curso?

Tendrás acceso de por vida, podrás estudiar cuando y donde gustes las 24 hr del día.

¿Los cursos están actualizados?

Los cursos reciben actualizaciones constantemente, siempre y cuando cambie algo muy importante. Recientemente, se actualizó el curso de Auto Layout con las últimas novedades presentadas en la Config 2024.

¿Además del curso que más recibiré?

En cada clase podrás dejar tus preguntas y yo mismo las responderé. También tendrás acceso a recursos, herramientas y archivos de Figma que te ayudarán a mejorar tu flujo de trabajo y aprendizaje.

¿Las clases son en vivo o grabadas?

El curso es pre grabado para permitirte repasar cuantas veces necesites y entender todo el conocimiento que comparto en cada lección.

WhatsApp ¿Necesitas ayuda? 😃