Si desea crear un sitio web único con ideas originales, los creadores de sitios web estándar como Wix y Squarespace solo pueden ayudarlo hasta cierto punto. Webflow es un poco más avanzado, con más opciones y características que su creador de sitios de bricolaje estándar. Sin embargo, esos extras pueden complicarse un poco, por lo que si es nuevo en la plataforma, es posible que necesite algunos tutoriales de Webflow para principiantes para comenzar.
A continuación, enumeramos los 9 mejores tutoriales de Webflow para que pueda aprender los entresijos de este software de creación de sitios. Pero primero, hablemos un poco sobre qué es Webflow y si es adecuado para usted.
¿Qué es Webflow?
Webflow es una herramienta de diseño de sitios web para ayudar a las personas a crear sitios web sin tener que preocuparse por la codificación. Con una interfaz de arrastrar y soltar, el usuario crea el sitio que desea en el editor y, cuando finaliza, Webflow genera automáticamente el HTML, CSS o JavaScript adecuado.
Si está familiarizado con editores como Squarespace o Wix, Webflow usa una estructura similar, pero con más opciones. Esa es la ventaja que Webflow tiene sobre sus primos más realistas; Webflow ofrece funciones más avanzadas y más opciones de personalización, para que pueda “romper el molde” y crear sitios completamente originales. Si tiene una idea específica en su cabeza sobre cómo quiere que se vea su sitio, Webflow puede ayudarlo a darle vida.
Por supuesto, más características significan una curva de aprendizaje más pronunciada. Los creadores de sitios aficionados acuden en masa a sitios como Wix o Squarespace porque es rápido y conveniente; Webflow tarda un tiempo en aprender si desea aprovecharlo al máximo. Es por eso que estos tutoriales de Webflow son tan útiles: si alguna vez se queda atascado y necesita respuestas, puede encontrarlas en uno de los nueve lugares a continuación.
1. Un tutorial de Webflow de principiantes absolutos (Revista Torque)
El tutorial de Webflow de Nick Schaferhoff para Torque Magazine es en realidad uno de los mejores para obtener una visión general amplia: todo está perfectamente organizado por categoría para que pueda encontrar lo que necesita, y no se atasca con detalles técnicos. La idea detrás de este artículo es mostrar a los lectores qué más hay, pero es sorprendentemente imparcial y elogia a Webflow cuando se lo merece.
Esta es una mirada muy amplia a Webflow. Si bien puede cubrir algunos aspectos prácticos para usar la interfaz y lo que puede hacer con ella, en realidad no es una guía práctica. Más bien, es más una introducción a Webflow para alguien que quiere conocer mejor las capacidades que Webflow tiene para ofrecer.
Precios:
- gratis
Recomendado si:
- no sabes casi nada sobre Webflow
- todavía estás decidiendo entre Webflow y otra plataforma
2. “Learning Webflow” de Jen Kramer (LinkedIn Learning)
La ex trabajadora independiente Jen Kramer comparte sus conocimientos de la industria en su curso Learning Webflow en LinkedIn Learning . Este curso es un instructivo de inmersión profunda en la mecánica de Webflow, compactado en 1 hora y 46 minutos.
Es un resumen básico desde el inicio de un proyecto hasta la publicación de un sitio completo, dirigido a principiantes. Kramer cubre cómo usar la interfaz de Webflow y cómo agregar los elementos que necesitará, y muestra específicamente cómo crear páginas individuales como Inicio y Contacto.
Debido a que se trata de LinkedIn Learning, deberá tener una suscripción para verlo. Si ya tiene una suscripción a LinkedIn Learning, puede verlo de forma gratuita, pero de lo contrario tendrá que registrarse.
Precios:
- Suscripción de aprendizaje de LinkedIn por $ 39.99 / mes
Recomendado si:
- ya estás suscrito a LinkedIn Learning
- quieres un tutorial para principiantes para obtener los conceptos básicos
3. “La guía más fácil de Webflow para principiantes” por Jan Losert
Alejándose de los videos y los cursos pagos, The Easiest Guide to Webflow for Beginners de Jan Losert es un artículo en línea gratuito que explica la funcionalidad básica de Webflow (y dónde encontrar todos los botones). Acompañada de capturas de pantalla y gifs, esta guía es una práctica guía de referencia rápida para comenzar.
Aunque no incluye técnicas más avanzadas, tiene enlaces a otros recursos como bibliotecas de plantillas y kits de interfaz de usuario. Puede estar estructurado como un manual del propietario, pero el tono amigable del autor y los emojis aligeran el estado de ánimo.
Precios:
- gratis
Recomendado si:
- prefiere las guías textuales a los tutoriales en video: puede aprender a su propio ritmo y las útiles capturas de pantalla pueden ser bastante informativas
4. “Webflow para principiantes: una clase magistral en Webflow” (Udemy)
Webflow para principiantes: una clase magistral en Webflow es una buena introducción para principiantes, con casi 5 horas de video divididas en 36 conferencias. Esto le enseña cómo usar la interfaz de Webflow, crear elementos individuales y crear una página de destino de muestra con todos los adornos. El curso completo cuesta $44.99, aunque a veces puedes encontrarlo en oferta.
También puede consultar Use Webflow para construir su negocio de diseño web , un curso gratuito, que está diseñado específicamente para negocios con temas como SEO y datos de ventas.
Precios:
- Webflow para principiantes: una clase magistral en Webflow por $44.99
- Use Webflow para construir su negocio de diseño web gratis
Recomendado si:
- te gusta el modelo de aprendizaje de Udemy
- desea cubrir todo lo que necesita saber para un principiante en Webflow
5. “Cómo estructurar sitios web de manera eficiente con Webflow” (Flux)
El tutorial Cómo estructurar sitios web de manera eficiente con Webflow repasará la teoría de la estructuración de su sitio web y cómo hacerlo correctamente en Webflow. Este es un error común que cometen los nuevos usuarios de Webflow. ¡Así que evite cometer este error y ahórrese un dolor de cabeza más tarde viendo este video tutorial de 8 minutos!
Flux es el canal de YouTube del diseñador Ran Segall, donde él y sus coanfitriones discuten temas relevantes para la industria, desde consejos comerciales hasta técnicas generales. Si quieres más de Flux, puedes consultar su lista de reproducción completa dedicada a los tutoriales de Webflow .
Precios:
- gratis
Recomendado si:
- es nuevo en Webflow y necesita algunos conceptos básicos sobre la estructura
6. “Crear un sitio completo en Webflow” (Diseño+Código)
Design+Code ofrece este curso completo y gratuito sobre cómo usar Webflow, con 12 videos separados, en su mayoría entre 10 y 20 minutos. Estas vistas de pantalla compartida de Webflow en formato de video facilitan el aprendizaje del software y abordan técnicas avanzadas con facilidad.
Debido a que el curso se divide en 12 videos separados, puede parar y comenzar a su propio ritmo. También puede pasar de una lección, por ejemplo, cómo hacer un desplazamiento de paralaje , a crear una animación de Lottie , según su curva de aprendizaje e interés.
Precios:
- gratis
Recomendado si:
- desea compartir la pantalla del uso real de Webflow; estos videos muestran solo la interfaz de Webflow en funcionamiento, lo que puede ayudar a ciertos tipos de estudiantes a descubrir dónde está todo y cómo hacer las tareas que necesitan.
7. “Cómo elegir la plantilla de Webflow correcta” (Pixel Geek)
¡Ven por los tutoriales de Webflow, quédate por la comunidad! Pixel Geek es un conocido grupo de apoyo para diseñadores que no usan código, con servicios de entrenamiento y foros de chat para ayudar a los principiantes. El canal de YouTube de Pixel Geek está alojado por Nelson Abalos Jr..
Cómo elegir la plantilla de Webflow correcta es un tutorial de 38 minutos que cubre todo lo que necesita saber sobre las plantillas de Webflow, qué pensar al revisar las plantillas y, por supuesto, cómo elegir la mejor para usted.
Si está buscando más tutoriales de Webflow, Pixel Geek tiene dos listas de reproducción separadas: Webflow para principiantes y Webflow para usuarios avanzados . Los videos duran entre 5 minutos y más de una hora, pero con el carismático presentador son fáciles de atracones.
Precios:
- gratis
Recomendado si:
- quieres un profesor más agradable, menos clínico
- tú también quieres ser parte de la comunidad Pixel Geek
8. “Flujo web para emprendedores y diseñadores de UI/UX” (Skillshare
Webflow para emprendedores y diseñadores de UI/UX cubrirá lo que necesita saber sobre Webflow, incluidos CSS Grid y CMS (Sistema de gestión de contenido). Lo aprenderás todo desde cero, así que no te preocupes si no tienes ningún conocimiento previo. El instructor mismo era diseñador de UI/UX cuando comenzó y no sabía cómo codificar o desarrollar un sitio web.
Si tiene una membresía de Skillshare y desea algunos cursos de nivel experto, consulte Webflow Advance & CMS .
Precios:
- $8/mes ($2.49/mes si se factura anualmente)
Recomendado si:
- ya estás suscrito a Skillshare Premium
9. “Curso de diseño web definitivo” (Webflow University)
Webflow University es el nombre principal en los tutoriales de Webflow. Su curso de diseño web Ultimate cubrirá todo, desde los conceptos básicos y fundamentales hasta temas más avanzados al aprender a crear sitios web en Webflow.
Está configurado como el aprendizaje en línea estándar con cursos sobre diferentes temas relacionados con Webflow, cada uno dividido en lecciones de video individuales que van desde alrededor de 1 a 20 minutos.
Y si eso no es suficiente, Webflow University tiene una variedad impresionante de temas, incluidos cursos para principiantes, intermedios y avanzados. También se sumergen en la codificación personalizada, que es opcional, pero puede ayudarlo a personalizar realmente su sitio. Si está buscando crear un sitio para un negocio específico, como el comercio electrónico , incluso tienen clases solo para eso.
Precios:
- gratis
Recomendado si:
- no encontró lo que buscaba en los otros tutoriales de Webflow, ¡este tiene algo para todos!
Cómo conseguir tu sitio web perfecto
Ya sea que desee tutoriales en video de Webflow o guías basadas en texto, aprendizaje en línea pagado o algo un poco más gratuito, puede encontrar lo que necesita en la lista anterior. Estos tutoriales de Webflow cubren todos los niveles de aprendizaje, desde expertos que perfeccionan sus habilidades hasta personas que recientemente se enteraron de que Webflow existe.
