Inspiración

Recursos gratuítos para Webflow

Escrito Por
Rodolfo Puchulú

Recursos Gratuitos Para Webflow


Al construir un sitio, siempre buscamos diversos elementos o efectos para incorporar, haciendo que el diseño sea más funcional y atractivo. Sin embargo, debido a la cantidad de proyectos que tenemos, a veces se complica el diseño o cada elemento de interfaz de usuario. Es por esto, que hoy les comparto sitios que tienen recursos gratuitos para Webflow. La clave está en que después de copiar estos elementos, se deben editar para que sean consistentes y acordes al diseño e identidad de marca que se trabaja. Empecemos:

Showcase Research


Este genial proyecto hosteado en WF, recoge todos los proyectos clonables dentro de la plataforma. Aquí podrás encontrar sitios completos, elemento de UI, interacciones y en cierto casos integraciones con código.  Lo mejor es que siempre puedes ir al sitio oficial de Webflow, ver el proyecto y hablar directamente con quién lo hizo para aclarar dudas o darle las gracias por hacerlo público.

https://showcasesearch.webflow.io/


The Digital Bake


The digital bake es un proyecto personal de Aaron Grieve que incluye varios tipos de recursos gratuitos para iniciarse en Webflow. Si bien, en general nunca termino usando estos, me sirven muchas veces como un punto de partida para empezar a diseñar, buscar inspiración o incluso utilizar para rellenar espacios de forma rápida.

https://www.thedigitalbake.com/


Web Dev For You


Web dev for you es otro excelente sitio con más de 135 integraciones gratuitas y listas para clonar. Entre ellas nos entregan ejemplos de barras de navegación, tarjetas para el equipo, menús, botones de redes sociales, y en fin, todo tipo de elementos que tengan micro interacciones o pequeñas animaciones que ayudan a que tu sitio tome vida.

https://www.webdevforyou.com/


The Style Guide


Más que recursos gratis, en the style guide nos entregan una guía visual de estilos para diseñar en WF. Si bien es bastante simple, se puede usar como un punto de partida para los conceptos básicos de interfaz de usuario. Lo importante de tener este inicio, es que se busca generar una consistencia en el diseño, de forma que el usuario sepa a qué se enfrenta cada vez que se van repitiendo elementos como títulos, párrafos o formularios.

http://thestyleguide.webflow.io/


Flowbase


Flowbase es una web que tiene recursos para Webflow muy similar a showcase research. La diferencia es que contiene menos elementos, pero todos de buena calidad. Aquí podrás encontrar templates, componentes y herramientas pequeñas para añadir. Incluso se incluyen videos y tutoriales para aprender a editar y hacer estos elementos desde cero.

https://www.flowbase.co/


The Overflow

Esta página con formato de blog incluye videos, artículos y elementos clonables. Es un bien punto de partida y lugar para estar actualizado con los nuevos recursos que se van subiendo. LA comunidad es muy simpática y su sección de videos es de las mejores.

https://www.theoverflow.io/



Práctica, Práctica, Práctica.


Al final del día los recursos gratuitos son una ayuda o punto de partida para comenzar el diseño. Sin embargo, para realizar sitios web realmente personalizados se requieren muchas horas de práctica y conocer la herramienta a fondo. La interfaz de usuario es importante, pero nunca se deben dejar de lado las piezas gráficas y una buena planificación de la experiencia del usuario, ya que estos dos elementos nos ayudarán a guiar a los usuarios y retenerlos en nuestro sitio. Espero que les sirvan estos datos y ¡les deseo un buen inicio del 2020!

Si tienen alguna duda o pregunta con WF, no dudes en contactarnos vía correo electrónico o por DM en Instagram.


Más artículos de nuestro blog

Te Podrían Gustar También:

Tutoriales
Un Paso a Paso: Cuando El Arte Conceptual Se Topa Con Lo Digital
Leer Post
Diseño
Webflow: Más diseño, Menos Código
Leer Post
Diseño
Tendencias en Experiencia del Usuario Para el 2020
Leer Post
Videojuegos
Lo Bueno, Lo Malo Y Lo Que Se Puede Mejorar: The Video Games Awards 2019
Leer Post
Apps
Tendencias De Apps Gratis Para Android - Diciembre 2019
Leer Post
Diseño
6 Herramientas Imprescindibles Para Crear Experiencias Digitales Memorables
Leer Post