Introducción a Webflow para el diseño web (en español)

Hace unas semanas, cuando lancé el rediseño de este sitio te conté que el front-end lo hice mediante una aplicación web muy interesante llamada Webflow y hoy quiero hablarte de ella un poco más en profundidad.

Este es un resumen de los temas que encontrarás en el video:

¿Qué es Webflow?

Se trata de una herramienta de diseño web que, en primera instancia, nos permite desarrollar el front-end de un sitio sin siquiera escribir código.

A diferencia de la mayoría de las aplicaciones que prometen crear código sin escribir código, Webflow no se cree inteligente al tomar decisiones por ti. En este caso eres tú quien decide cómo será el código, porque la construcción de cada página se hace exactamente igual que como se haría con código, solo que es sin código.

¿Qué podemos obtener con Webflow?

Una vez que tenemos nuestra página lista, Webflow nos permite exportar un ZIP que contiene el HTML, el CSS y el Javascript del sitio. Luego, nosotros podemos trabajar y hacer lo que queramos con ese código. Entre otras cosas, subirlo directamente a un servidor, crear un tema WordPress o implementar el código backend de otra aplicación.

Hosting

Webflow también permite que almacenes tus sitios web en sus propios servidores, pagando un hosting por cada sitio e, incluso, cobrándole una comisión a tus clientes si es que deciden mantener su sitio en el hosting de Webflow.

Sistema de gestión de contenidos (CMS)

Si vas a alojar tu sitio en su hosting puedes hacer uso de la característica del CMS, que básicamente te permite crear una base de datos y crear contenido dinámico de manera muy sencilla.

Ambiente de editor

Si usas su hosting para almacenar tu sitio y usas el CMS, Webflow te permite darle acceso a tu cliente  para que edite el contenido del sitio directamente desde el front-end, sin ingresar a un escritorio aparte como ocurre en WordPress, pero lo hace sin la posibilidad de estropear tu diseño.

Conclusión

Como diseñador, me atrevo a decir que Webflow será una de las herramientas más importantes en el futuro del diseño web. Creo esto porque se trata de una aplicación que nos da a los diseñadores el poder de concentrarnos en lo que más nos importa: el diseño.

Esto no va en detrimento de que debamos, por lo menos, comprender cómo funcionan HTML y CSS. De hecho, luego de llevar varios meses usando esta herramienta, he desarrollado bastante habilidad en ella precisamente porque manejo bastante bien estos lenguajes. Si no manejara HTML y CSS probablemente mi flujo de trabajo no sería tan ágil.

En definitiva, se ha cuestionado mucho recientemente si los diseñadores deberíamos aprender código. Yo creo que sí, al menos HTML y CSS, sin embargo, eso no quiere decir que debamos pasar todo el tiempo escribiendo código. Es importante que sepamos cómo funciona la web, pero si una herramienta, en este caso Webflow, nos permite construir sitios de manera visual manteniendo control sobre la estructura del sitio y su código ¿Por qué no aprovecharlo?

La próxima semana continuaremos con este tema, ya que publicaré un desafío en donde, con mi buen amigo David Perálvarez, comparamos la efectividad de Webflow con el escribir código a mano. Si aún no lo haces, suscríbete al newsletter para que no te lo pierdas.

Y si quieres contratar una cuenta en Webflow, te sugiero aprovechar el descuento que el diseñador Ran Segall tiene en si sitio para obtener los primeros seis meses a mitad de precio.

Un abrazo,
@FranciscoAMK

PD: Este NO es aun artículo patrocinado. No he recibido ni recibiré ningún pago de parte de Webflow por promocionarlos aquí. Es solo una herramienta que me gusta usar y quiero compartirla contigo.