Sé capaz de pasar de idea a web en tiempo record con Framer

Sé capaz de pasar de idea a web en tiempo record con Framer

Aprende todo lo que necesitas saber sobre Framer para crear las webs que siempre has querido con este curso gratuito en Español.

Aprende todo lo que necesitas saber sobre Framer para crear las webs que siempre has querido con este curso gratuito en Español.

Para acceder al curso deja tu email. Sólo te informaremos de futuros cursos que lancemos que te puedan interesar.

Para acceder al curso deja tu email. Sólo te informaremos de futuros cursos que lancemos que te puedan interesar.

Tener una web profesional se convierte en algo indispensable para transmitir al mundo lo que tú, tu producto o servicio podéis aportar.

Tener una web profesional es algo indispensable para transmitir al mundo lo que tú, tu producto o servicio aportáis al en un mundo digital.

Tener una web profesional es algo indispensable para transmitir al mundo lo que tú, tu producto o servicio aportáis al en un mundo digital.

Y para tener una web profesional hay 2 opciones…

  1. Contratar a un profesional que lo haga por ti.

  2. Aprender a hacerla tú mismo sin depender de terceros.

Yo apuesto por la segunda, consiguiendo ser independientes a la hora de crear páginas webs para ti, tu empresa o clientes.

Y es que, al contrario de lo que la gran mayoría piensa, para crear una web profesional no tienes porque ser diseñador ni tener conocimientos de programación.

Gracias a herramientas No-code como Framer hoy en día podemos hacer realidad aquello que tengamos en mente, sin necesidad de ser personas técnicas.

Aprende a crear webs profesionales con Framer hoy.

Framer

Descubre la herramienta que te permitirá construir páginas webs profesionales sin que tengas que ser un desarrollador

Gracias a Framer vas a tener el control sobre tus diseños. Crearás páginas webs simplemente arrastrando y modificando elementos en una interfaz visual. Una herramienta pensada para que diseñadores, marketeros y gente que no tiene conocimientos de desarrollo se pueda hacer con el control.

Consigue la libertad creativa que siempre has querido tener.

¿Qué vas a aprender?

Hemos creado una formación pensada para enseñarte a construir una aplicación paso a paso, sin que tengas conocimientos previos.

De Figma a web

Componentes

Animaciones

Convierte un diseño de Figma en una web funcional

Aprenderás la base de cómo maquetar en Framer como para que puedas convertir un diseño de Figma en tus primeras secciones en una página web real.

Domina los componentes

Verás como puedes aprovechar el poder de Framer para crear componentes que te permitan escalar tus diseños.

Crea animaciones espectaculares

Veremos cómo puedes darle el punto extra a tus páginas webs incluyendo animaciones de una manera realmente sencilla.

Convierte un diseño de Figma en una web funcional

Aprenderás la base de cómo maquetar en Framer como para que puedas convertir un diseño de Figma en tus primeras secciones en una página web real.

Domina los componentes

Verás como puedes aprovechar el poder de Framer para crear componentes que te permitan escalar tus diseños.

Crea animaciones espectaculares

Veremos cómo puedes darle el punto extra a tus páginas webs incluyendo animaciones de una manera realmente sencilla.

Convierte un diseño de Figma en una web funcional

Aprenderás la base de cómo maquetar en Framer como para que puedas convertir un diseño de Figma en tus primeras secciones en una página web real.

Domina los componentes

Verás como puedes aprovechar el poder de Framer para crear componentes que te permitan escalar tus diseños.

Crea animaciones espectaculares

Veremos cómo puedes darle el punto extra a tus páginas webs incluyendo animaciones de una manera realmente sencilla.

No te fies de nosotros, descubre lo que dicen nuestros alumnos y alumnas

Vamos recopilando lo que nuestros alumnos nos van diciendo acerca de nuestras formaciones. Descubre lo que dicen de nosotros.

Araceli Silva

Lead Designer en Audax Studio

Hice dos workshops, el de NoCode y el de Framer, y la verdad es que los recomiendo al 100%. 🤩 El primero me hizo adentrarme al mundo del NoCode y conocer las herramientas más TOP que exiten ahora mismo, aquí conocí Framer. Por eso después decidí hacer el workshop de Framer en específico para conocer aún más de la herramienta.

Marina Fos

Product Designer & Strategy

Primera vez que uso Framer gracias a este curso, muy fácil de seguir y bien estructurado. Ideal para completar tus habilidades digitales, lo recomiendo!

Javier Gascón

Founder The Climate COO

Me ha parecido un curso super práctico y que te posiciona para que puedas seguir aprendiendo por tu cuenta sin problema. Cubres la herramienta, la parte de negocio y la parte de estrategia y encima sales con un portfolio de proyectos!

Soy Alex Vaughtton. Llevo 3 años enseñando Framer a +2.500 alumnos.

Desde que descubrí Framer me enamoré. A partir de aquel día me embarqué en una misión para conseguir que todo el mundo descubra lo que puedes llegar a hacer con esta herramienta.

Alex Vaughtton hablando
Alex Vaughtton hablando
Alex Vaughtton hablando

Lo que vas a aprender en este curso

Hemos diseñado un programa específicamente pensado para que puedas aprender las bases en el menor tiempo posible, a la vez que creas un proyecto real.

7 mins.

Principiantes

Principios básicos sobre Framer

En este vídeo te introducimos a la herramienta Framer y vemos el funcionamiento base para en las próximas lecciones verlo más en profundidad.

11 mins.

Intermedio

Creando la hero section

Vamos a ver cómo crear la primera pantalla que toda persona que entra en tu web verá: la Hero Section.

Nos va a servir para profundizar en la herramienta replicando la hero que está en el link del Figma que te hemos compartido en la anterior lección.

Recuerda añadir el breakpoint de tablet y phone al empezar a crear tu web, en la siguiente lección veremos mejor cómo hacer diseños responsive.

6 mins.

Intermedio

Haciendo nuestra web responsive

Algo indispensable a la hora de crear webs es hacerlas responsive para que puedan verse bien desde los diferentes dispositivos.

En este vídeo vamos a ver cómo hacer responsive la Hero section previamente diseñada.

9 mins.

Intermedio

Nueva sección: servicios

Vamos a seguir aprendiendo a maquetar en Framer creando una nueva sección: la sección de servicios.

8 mins.

Intermedio

Nueva sección: sobre nosotros

Y seguimos profundizando en la maquetación en Framer, en este caso con una sección algo más compleja para hacer nuestra web más completa. La sección "sobre nosotros".

10 mins.

Avanzado

Componentes: qué son y cómo crearlos

Los componentes son elementos indispensables que debes conocer para crear webs en Framer. Nos ayudan a crear webs escalables y a reutilizar elementos ya creados previamente para mantener coherencia a lo largo de nuestra web.

En esta lección vamos a ver qué son y cómo crearlos para hacer uso de ellos.

8 mins.

Intermedio

Nueva sección: portfolio

Seguimos creando nuestra web añadiendo una nueva sección: nuestro portfolio.

Y vamos a ver en la práctica como utilizar componentes creados por defecto en Framer, principalmente el carrousel.

6 mins.

Avanzado

Añadiendo animaciones a nuestra web

Ahora vamos a ver cómo dar vida a nuestra web añadiendo animaciones a la misma.

Las animaciones ayudan a que nuestra web sea más inmersiva y capte más la atención de la gente que la visita. En este vídeo vamos a ver cómo crear animaciones en Framer.

5 mins.

Intermedio

¿Cómo publicar una web en Framer?

Finalmente, una vez terminada nuestra web, toca publicarla para que todo el mundo pueda verla.

En esta lección te mostramos cómo personalizar los ajustes y cómo publicar tu web en un dominio.

1 min

Principiantes

¡Enhorabuena por acabar el curso!

Ahora que has aprendido las bases sobre Framer para poder pasar de idea a web en tiempo record sin depender de terceros es el momento de ver siguientes pasos que puedes tomar para profundizar más en la herramienta y convertirte en un experto en la misma. Además de hacerte con el certificado del curso.

Empieza a Aprender Framer hoy

Empieza a Aprender Framer hoy

Aprende cómo usar Framer, una de las herramientas más potentes y con mayor demanda para construir webs profesionales sin una línea de código.

Aprende cómo usar Framer, una de las herramientas más potentes y con mayor demanda para construir webs profesionales sin una línea de código.

Este proyecto está destinado a ayudar a que toda la comunidad hispana pueda aprender Framer.

Parte de la familia:

¿Quieres contarnos algo?

hola@nocodehackers.es

Encuéntranos en nuestras redes:

Este proyecto está destinado a ayudar a que toda la comunidad hispana pueda aprender Framer.

Parte de la familia:

¿Quieres contarnos algo?

hola@nocodehackers.es

Encuéntranos en nuestras redes: