Badge Webflow Award Winner 2023

La boîte à outil no-code du développeur Webflow

Publié le 
8/4/2022
Modifié le 
27/3/2023
Temps de lecture : 5 min
Logo webflow avec pleins d'outils no-code en arrière plan
Écrit par
Florian Bodelot avec un T-shirt Digidop

Florian Bodelot

Co-fondateur

Dans cet article, découvrez mes 5 outils no-code préférés, pour le quotidien d'un développeur Webflow (Webflow permet de créer des sites web)

Points clés à retenir

Webflow est un "website builder", c'est une plateforme qui vous aide à créer, éditer et gérer des sites internets depuis une interface visuelle. C'est une alternative à Wordpress, Wix ou bien Shopify.

Après plus d'un an d'utilisation de cet outil no-code, je vous présente ma stack d'outils qui sont, à mon avis, les meilleurs outils à utiliser pour un développeur web en 2022.

Les outils indispensables pour un dév Webflow

Webflow : site web no-code

Cela devrait aller sans dire, mais je vais le dire quand même. Webflow est l'outil de création sans code qui vous permet de créer des sites web responsives et performants, qui peuvent être administrés directement par vos clients depuis le mode éditeur.

Webflow interface deigner
Interface "Designer" de Webflow

Figma : Maquette & Design (UX/UI)

Figma est une alternative plus collaborative à Sketch et Adobe XD. Il vous permet de visualiser et d'interagir avec la mise en page UX/UI d'une maquette de site Web en cours de développement. Grâce aux notes du concepteur, aux pages dédiés aux guides de style et aux directives en matière d'image de marque, la maîtrise de Figma vous permettra de comprendre rapidement la mise en page et de la reproduire pixel par pixel dans l'outil de conception web de Webflow.

Maquette Figma
Mockup Figma

Loom : Enregistrement vidéo

Loom est une extension chrome qui vous permet de facilement enregistrer et partager des vidéos de votre écran, de votre webcam, ou des deux. C'est plus rapide que de taper un e-mail ou d'organiser une réunion sur Zoom ou Google Meet.

Cet outil est très pratique pour par exemple :

  • Présenter le site à la livraison du projet
  • Faire des tutoriels ou vidéos pour votre chaîne Youtube
  • Demander des feedbacks rapidement et visuellement

ILOVEIMG : Compressez des JPG, PNG, SVG ou GIF

Compressez les visuels de votre site avec ILOVEIMG (images, icônes ou bien GIF) pour un site web qui se charge rapidement.

Finsweet Attributes : Webflow extension

Les attributs de Finsweet sont une librairie (Jquery) qui vous permet de débloquer de nouvelles fonctionnalités pour les collections Webflow.

  • Filtrage
  • Slider Collection
  • Nested Collection
  • Etc...

Ce produit est l'un des plus connus de l'agence experte Webflow Finsweet et est 100% gratuit.

Weglot : Site multilingue

Weglot permet de rendre son site multilingue, optimisé pour le SEO à l'international, en moins de 10 minutes. Un super "Webflow Plugin". ( code promo -20% : DIGIGLOT)

Fonction "add a language" de Weglot
Weglot, ajout d'une langue de traduction en 2 clic

Bootstrap : Icônes gratuites

Bootstrap est une plateforme d'icônes aux formats SVG, HTML, CSS, JS pour les sites et applications web. Ce type de format vous permet de personnaliser vos icônes et les animer dans votre site web.

Découvrir plus d'outils

Ce kit est tout ce dont un développeur Webflow a besoin. Mais il existe aussi d'autres outils utiles pour améliorer la gestion de vos projets web (Coda, Slack, Notion, Airtable et Zapier...) Découvrez-les dans la boîte à outils de l'agence web No-Code !

projet Flomodia by Digidop
projet Coudac by Digidop
projet Heka by Digidopprojet Flaw by Digidopprojet Morfo by Digidop