Crea una página web con Framer sin saber programar | No Code
por Diego Velazquez
Enseña a diseñar una landing page responsiva con Framer sin programar, con componentes, variables de estilo y blog, y a publicarla en un subdominio.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Diseño de nivel principiante en Udemy impartido por Diego Velazquez (1 h 22 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Diseñadores que quieren publicar una landing page sin depender de programadores.
- Nivel
- Principiante
- Duración
- 1 h 22 min · 6 lecciones
- Precio
- Gratis en Udemy
- Autor
- Diego Velazquez
- Plan sugerido
- 1 sem. · 3 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Introducción práctica y breve a Framer para crear y publicar una landing page sin programar. Funciona bien como primer contacto para diseñadores, aunque la falta de capítulos y de año de publicación limita la orientación.
Puntos fuertes
- Proyecto práctico claro: construir y publicar una landing page.
- Temario concreto en la descripción: componentes, variables, responsivo, blog y publicación.
- Duración manejable (82 minutos) para una primera toma de contacto.
- Según la descripción, Framer tiene un plan gratuito que permite usar la mayoría de funciones.
A tener en cuenta
- Solo hay un capítulo genérico, así que es difícil orientarse por bloques dentro del vídeo.
- No se indica el año de publicación y Framer cambia con frecuencia; la interfaz puede diferir.
- La descripción no menciona ejercicios ni material descargable.
- Por su duración, cubre solo lo básico de la herramienta.
De qué trata
Curso de Framer para principiantes que enseña a crear una landing page sin escribir código. Se compone de 6 lecciones y 82 minutos, con un capítulo indicado como «Página web».
Según la descripción, se trabajan componentes reutilizables, secciones de la página, variables de colores y tipografías, y un diseño responsivo para escritorio, tablet y móvil. También se muestra cómo crear un blog sin WordPress, publicar la web en un subdominio y actualizarla al instante tras cambiar el diseño.
- Crear componentes reutilizables
- Diseño responsivo: desktop, tablet y móvil
- Variables de colores y tipografías
- Crear un blog sin WordPress
- Publicar la web en un subdominio
Para quién es este curso
- Diseñadores que quieren publicar una landing page sin depender de programadores.
- Personas sin conocimientos de HTML, CSS o JavaScript que buscan una primera herramienta No Code.
- Quien ya conoce algo de Figma y quiere pasar del diseño a una web publicada.
Mejor busca otro si…
- Quien busque aprender a programar o maquetar con código HTML, CSS o JavaScript.
- Quien ya domine Framer y necesite técnicas avanzadas: el curso se plantea para principiantes.
Antes de empezar
- Según la descripción, no hace falta saber programar ni conocer HTML, CSS o JavaScript.
Qué sabrás hacer al terminar
- Crear una landing page en Framer y publicarla en un subdominio.
- Crear componentes reutilizables y distintas secciones para una página web.
- Configurar una página responsiva para escritorio, tablet y móvil.
- Definir variables de colores y de tipografías reutilizables.
- Crear un blog dentro de Framer y actualizar la web tras cambiar el diseño.
Estructura del curso
- 01
Creación de la página web con Framer
Los datos solo indican un capítulo, «Página web», y seis lecciones en 82 minutos. La descripción menciona componentes, secciones, variables de color y tipografía, diseño responsivo, blog y publicación en un subdominio, pero no su orden exacto.
Capítulos del vídeo
- 01Página web
Plan de estudio sugerido
1 semana · unas 3 h por semana
- 1.Sesión 1: crea una cuenta gratuita de Framer, mira las primeras lecciones y replica la estructura de la página y sus secciones.
- 2.Sesión 2: sigue con componentes reutilizables y variables de color y tipografía, y aplícalas en tu propio diseño.
- 3.Sesión 3: revisa la versión responsiva (desktop, tablet y móvil), crea el blog y publica en un subdominio.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Abre Framer en paralelo y reproduce cada paso; pausa al terminar cada lección.
- Prepara de antemano el contenido de tu landing (textos e imágenes) para no frenar el ritmo.
- Comprueba la versión móvil y tablet tras cada cambio importante, no solo al final.
- Si la interfaz actual difiere de la del vídeo, busca la función equivalente en el menú de Framer.
Antes y después de este curso
- Antes de este curso💻 Curso Figma desde CERO | Curso de Introducción a FigmaFramer se parece a Figma; conocer Figma facilita entender la interfaz de diseño.
- AlternativaFigma tutorial - Diseña una página web con Figma 2022También trata el diseño de una página web, aunque con Figma.
- AlternativaWordPress + Brizy + Canva: Conviértete en diseñador web!Otra vía para crear webs sin programar, con WordPress y Brizy.
Cómo lo presenta Diego Velazquez
Aprende a crear páginas web en minutos sin la necesidad de saber programar, no necesitas saber HTML, CSS o Javascript
Curso de Framer para principiantes En este curso gratuito te enseñare a crear una landing page en minutos sin la necesidad de saber programar (HTML, CSS o Javascript), utilizando Framer. Framer es una herramienta de diseño similar a Figma pero su principal ventaja es que permite…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber programar?
No. La descripción indica que no hace falta saber HTML, CSS ni JavaScript.
+¿Cuánto dura?
Son 82 minutos repartidos en 6 lecciones. Con práctica propia, calcula unas 3 horas en total.
+¿Qué se construye?
Una landing page con varias secciones, componentes reutilizables, variables de color y tipografía, versión responsiva y blog, publicada en un subdominio.
+¿Es de pago?
El curso se presenta como gratuito. La descripción añade que Framer tiene un plan gratuito con la mayoría de sus funciones.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Diego Velazquez; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Diseño
Creative Web Development with Three.js and Blender
Enseña a modelar una escena 3D en Blender y a llevarla a la web con Three.js, con raycaster, movimiento con GSAP y colisiones.
🔥Curso Completo de Edición de Video 2026 – Premiere Pro y After Effects Desde Cero a Experto +10 HR
Curso de edición de vídeo que recorre Premiere Pro y After Effects: capas, keyframes, máscaras, textos, cámara 3D y objetos GLB, con ejercicios prácticos de animación y montaje de un reel 3D.
Adobe Photoshop para principiantes - Segunda parte
Segunda parte de un curso de Photoshop: capas, tamaño y resolución, color, selecciones, retoque y creación de títulos en 21 lecciones.
AI & UX Ethics: decisiones con criterio humano
Enseña a usar IA en UX con criterio ético: riesgos, un framework para decidir qué automatizar y métricas para evaluar resultados en research, diseño y microcopy.