¡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.
¿Qué aprenderás en este curso?
Aprende a convertir tus diseños de Figma en sitios web completamente funcionales, respetando estructura, jerarquía visual y comportamiento real en web.
Implementa layouts idénticos a tus diseños originales, adaptados a todos los breakpoints, utilizando buenas prácticas reales de web, no hacks visuales.
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.
Construye experiencias avanzadas con filtros, búsquedas y organización de contenido, acercándote al nivel de productos digitales reales.
Integra animaciones nativas de Webflow para mejorar la experiencia del usuario sin sacrificar rendimiento ni usabilidad.
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é?
En cada clase podrás dejar todas tus dudas y personalmente te ayudaré a resolverlas.
Cuando algo importante cambie, recibirás actualizaciones y clases nuevas sin costo.
Tendrás acceso a material exclusivo y archivos de Figma, que te ayudarán a hacer tu trabajo más fácil y rápido.
Al terminar el curso podrás solicitar tu certificado para comprobar que has completado el 100% del contenido.
¿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.
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
Invierte en tu futuro
Prepárate para impulsar tu carrera y mejorar tu salario.

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.
Precio anterior
$114 USD
Paga en tres cómodas cuotas. Recibirás acceso de por vida, además de todas las actualizaciones.

Preguntas frecuentes
Conoce las respuestas a las preguntas más recurrentes sobre mis cursos.
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.
Tendrás acceso de por vida, podrás estudiar cuando y donde gustes las 24 hr del día.
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.
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.
El curso es pre grabado para permitirte repasar cuantas veces necesites y entender todo el conocimiento que comparto en cada lección.









.webp)




%20(1).webp)
.webp)
.webp)

%20(1).jpg)
.webp)
.webp)
%202.24.03%E2%80%AFp.m..webp)
.webp)
.webp)
.jpg)
.webp)
.webp)
.webp)
%201.49.31%E2%80%AFp.m..webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)

.webp)
.webp)
.webp)
%20(1).webp)
.webp)








.webp)
.webp)
.webp)