Badge Webflow Award Winner 2023

The Webflow developer's no-code toolbox

Published on 
8/4/2022
-
Amended on 
27/3/2023
Reading time: 5 min
Webflow logo with lots of no-code tools in the background
Written by
Florian Bodelot with a T-shirt Digidop

Florian Bodelot

Co-founder

In this article, discover my 5 favorite no-code tools, for the daily life of a Webflow developer (Webflow allows to create websites)

Key points to remember

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.

Webflow interface deigner
Webflow Designer Interface

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.

Figma model
Figma Mockup

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)

Weglot "add a language" function
Weglot, add a translation language in 2 clicks

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!

Flomodia by Digidop
Coudac project by Digidop
project Heka by DigidopFlaw by project DigidopMorfo project by Digidop