Webflow es una herramienta nocode de desarrollo web que permite a los usuarios crear páginas web sin código, de manera visual.

Puedes construir directamente interactuando con el navegador de manera visual y se generará el código HTML, CSS y Javascript de tu web.

La aplicación contiene plantillas o, si quieres puedes exportar códigos limpios y listos para usar para otros sitios de alojamiento. Con esta plataforma, los diseñadores pueden dar rienda suelta a su creatividad. El software de creación de sitios web es extremadamente flexible y puede admitir HTML, CSS y JavaScript.

También ofrece muchos elementos de diseño y animaciones. Si bien los diseñadores web anteriormente subcontrataban la codificación, ahora pueden diseñar y crear sitios web ellos mismos. Por lo tanto, la aplicación hace que el proceso sea menos exigente y menos costoso.

Para los equipos de diseño**, la colaboración es esencial para cumplir con las especificaciones del cliente.** El editor de Webflow permite que los editores o escritores puedan insertar fácilmente contenido textual en el diseño. En minutos, pueden estructurar contenido nuevo u organizado como mejor les parezca.

Cuando se trata de crear una web, los equipos usan muchas herramientas: una herramienta para diseñar, otra para prototipar y otra para el código. En cambio, Webflow nos permite simplificar todo este proceso, puedes desde diseñar a desarrollar en el tu mismo sitio Webflow.

Diseñar y editar

Webflow Designer es una interfaz similar a Photoshop que permite a los usuarios generar automáticamente marcas semánticas arrastrando y soltando elementos HTML en un lienzo y aplicando estilo a las propiedades CSS.

En contraste con los temas de WordPress todo en uno como Divi, Webflow exporta código compatible con W3C que puede implementarse instantáneamente tal cual o entregarse a los desarrolladores para una mayor personalización.

La interfaz del diseñador es ciertamente compleja, especialmente para aquellos sin ningún conocimiento previo del desarrollo básico. Pero superar esta curva de aprendizaje inicial será muy gratificante en términos de lo que puede enseñar a estos usuarios. Por ejemplo, diseñar en Webflow requiere (y fomenta) pensar menos como un diseñador gráfico y más como un desarrollador front-end.

Por esta razón, diseñar en Webflow, combinado con los excelentes tutoriales de Webflow University, puede servir como un excelente trampolín para los diseñadores que buscan abrirse camino en el desarrollo front-end.

Webflow CMS

se anuncia a sí mismo como "el primer sistema de gestión de contenido visual del mundo", lo que permite a los diseñadores definir la estructura y el estilo de su contenido dinámico sin meterse con complementos, PHP o bases de datos. Este contenido se puede crear a mano, importar desde un archivo .CSV o agregar a través de la API CMS de Webflow.

A continuación, los usuarios pueden crear colecciones o plantillas reutilizables para tipos de contenido dinámico. Por ejemplo, un sitio web puede presentar colecciones de publicaciones de blogs, autores, clientes, proyectos, productos, categorías, etc. Es como tener todas las ventajas de usar una base de datos, ¡sin tener que administrar una base de datos usted mismo!

Interacciones

Lanzado inicialmente a finales de 2017, Interactions 2.0 permite a los diseñadores crear transiciones CSS personalizadas y animaciones JavaScript basadas en el estado de la página y / o la interacción del usuario.

Si nunca antes ha trabajado con código, especialmente JavaScript, es probable que esta característica le presente el mayor problema mientras aprende Webflow. Así que venga preparado para eso. Sin embargo, puedes crear animaciones bastante increíbles con esta herramienta, si te tomas el tiempo de aprenderla.

‍

Si quieres aprender a construir webs profesionales sin ser desarrollador con Webflow, en nocodehackers tenemos un workshop de 6 semanas con el que podrás aprender todo sobre la herramienta. Inscríbete aquí.

‍

Si quieres ver comparativas de Webflow vs otras herramientas, aquí tienes otros posts: 

• Webflow vs Squarespace
• Webflow vs Wix