In this article, discover my 5 favorite no-code tools, for the daily life of a Webflow developer (Webflow allows to create websites)
Webflow is a website builder, a platform that helps you create, edit and manage websites from a visual interface. It is an alternative to Wordpress, Wix or Shopify.
After more than a year of using this no-code tool, I present you my stack of tools that are, in my opinion, the best tools to use for a web developer in 2022.
The essential tools for a Webflow dev
Webflow: no-code website
This should go without saying, but I'm going to say it anyway. Webflow is the no-code authoring tool that allows you to create responsive, high-performance websites that can be managed directly by your customers from the editor mode.
Figma: Mock-up & Design (UX/UI)
Figma is a more collaborative alternative to Sketch and Adobe XD. It allows you to visualise and interact with the UX/UI layout of a website mockup under development. With designer notes, dedicated style guide pages and branding guidelines, mastering Figma will allow you to quickly understand the layout and reproduce it pixel by pixel in the Webflow web design tool.
Loom: Video recording
Loom is a chrome extension that lets you easily record and share videos from your screen, your webcam, or both. It's faster than typing an email or setting up a meeting on Zoom or Google Meet.
This tool is very useful for e.g. :
- Present the site on delivery of the project
- Make tutorials or videos for your Youtube channel
- Ask for feedback quickly and visually
ILOVEIMG: Compress JPG, PNG, SVG or GIF
Compress your site's visuals with ILOVEIMG (images, icons or GIFs) for a website that loads quickly.
Finsweet Attributes : Webflow extension
The Finsweet attributes are a library (Jquery) that allows you to unlock new features for Webflow collections.
- Filtering
- Slider Collection
- Nested Collection
- Etc...
This product is one of the best known of the expert agency Webflow Finsweet and is 100% free.
Weglot : Multilingual website
Weglot allows you to make your website multilingual, optimized for international SEO, in less than 10 minutes. A great "Webflow Plugin". ( promo code -20% : DIGIGLOT)
Bootstrap : Free icons
Bootstrap is an icon platform in SVG, HTML, CSS, JS formats for websites and applications. This type of format allows you to customize your icons and animate them in your website.
Discover more tools
This kit is all a Webflow developer needs. But there are also other useful tools to improve the management of your web projects (Coda, Slack, Notion, Airtable and Zapier...) Discover them in the No-Code web agency toolbox!