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)
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.
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.
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)
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 !