$ - Estados Unidos 
$COP - Colombia 
$MXN - México 
$CLP - Chile 
$ARS - Argentina
Bootcamp Web 2026
Bootcamp Diseño, Construcción y Publicación Web
Aprende a crear una landing page moderna desde el diseño hasta su publicación en internet, usando herramientas actuales de diseño, no-code/low-code y despliegue web.
🚀 Diseña soluciones con herramientas como Figma, Locofy, Builder.io y Vercel.
Ideal para: diseñadores, emprendedores, marketers, estudiantes y profesionales que desean crear páginas web modernas sin depender completamente de programación avanzada.
13h
Académicas
1 Mes
Duración
S/ 444
Inversión
09 Jun
Inicio
Información General
Modalidad / Nivel
Online en vivo
Teórico – Práctico
1 mes · 10 horas · 8 sesiones
Horario / Inicio
Martes y Jueves
7:00 p.m – 8:15 p.m
Inicio: Martes 09 de Junio
Temario Académico — Figma, Locofy, Builder.io y Vercel
Módulo 1: Flujo moderno de creación web
- • Introducción a Figma, Locofy, Builder.io y Vercel
- • Cómo funciona el proceso: diseño → conversión → construcción → publicación
- • Casos de uso para landing pages, campañas, cursos, servicios y negocios digitales
- • Herramientas que se utilizarán durante el programa
Módulo 2: Diseño de interfaces en Figma
- • Creación de una landing page base
- • Uso de frames, grids y auto layout
- • Organización de capas, componentes y secciones
- • Buenas prácticas para diseñar pensando en desarrollo
- • Diseño responsive básico
Módulo 3: Conversión de diseños a código con Locofy
- • Preparación del diseño en Figma para exportación
- • Nombrado correcto de capas y estructura visual
- • Configuración de elementos interactivos
- • Generación de código desde el diseño
- • Revisión básica del proyecto generado
Módulo 4: Creación visual de páginas con Builder.io
- • Introducción al editor visual de Builder.io
- • Creación de páginas desde cero
- • Manejo de bloques, textos, imágenes y secciones
- • Uso de componentes reutilizables
- • Edición visual sin depender completamente del código
- • Aplicaciones para marketing, educación y empresas
Módulo 5: Publicación web con Vercel
- • Qué es el despliegue web
- • Creación y configuración de cuenta en Vercel
- • Conexión del proyecto
- • Publicación de una landing page en internet
- • Revisión del enlace final y ajustes básicos
Módulo 6: Proyecto final integrador
- • Diseño de una landing page en Figma
- • Conversión o apoyo con Locofy
- • Edición y optimización visual con Builder.io
- • Publicación final con Vercel
- • Presentación del proyecto final
🚀 Proyecto Final
- • Crearás y publicarás una landing page funcional aplicando el flujo real
- • Diseño de la interfaz adaptativa en Figma
- • Vinculación y exportación optimizada mediante Locofy
- • Control, maquetación y edición final con Builder.io
- • Despliegue en producción con enlace funcional en Vercel