Webflow 2024 : 10 améliorations notables

Webflow 2024 : 10 améliorations notables
Publié
30 août 2024
Mis à jour
2 sept. 2026

2024 a été une année marquante pour Webflow, avec une série de mises à jour qui améliorent considérablement les fonctionnalités, la créativité et les capacités de collaboration de la plateforme. 

De la rationalisation des flux de travail à l'amélioration du contrôle créatif, de l'efficacité et de la collaboration, ces fonctionnalités sont conçues pour donner du pouvoir aux designers et développeurs. Voici un aperçu de dix mises à jour clés et comment elles peuvent élever vos projets :

1. Bibliothèques partagées

La nouvelle fenêtre modale « Gérer les bibliothèques » facilite le partage à l'échelle de l'espace de travail et permet une gestion rationalisée des mises à jour du système de conception.
Source : Webflow

Les bibliothèques partagées constituent un véritable tournant pour les équipes travaillant sur plusieurs projets. Cette fonctionnalité vous permet de partager des composants, des symboles et des ressources entre différents projets, garantissant ainsi une cohérence de marque avec un effort minimal. Imaginez disposer d'une source unique de vérité pour vos éléments de design — c'est désormais une réalité.

Cette mise à jour répond au défi de maintenir la cohérence du design entre différents projets, ce qui nécessitait auparavant des copier-coller fastidieux et entraînait souvent des designs désynchronisés.

Avec les bibliothèques partagées, les designers peuvent s'assurer que tous les sites restent alignés sur les directives de la marque et s'adaptent rapidement aux changements de design, améliorant ainsi l'efficacité et la cohérence de la marque.

2. Édition CMS sur le canevas

Capacité d'édition CMS sur le canevas – nouvelle fonctionnalité ajoutée
Source : Webflow

La gestion du contenu n'a jamais été aussi simple grâce à la nouvelle édition CMS sur le canevas. Cette mise à jour vous permet de modifier le contenu CMS directement dans Webflow Designer, éliminant ainsi la nécessité de basculer entre différentes interfaces.

Cette nouvelle fonctionnalité permet l'édition directe des pages statiques et des pages de collections CMS, et simplifie la création de nouvelles pages CMS, améliorant l'efficacité du flux de travail et réduisant la dépendance aux développeurs. Désormais, vous pouvez voir exactement comment votre contenu apparaîtra sur la page au fur et à mesure que vous effectuez des modifications, améliorant ainsi la vitesse et la précision.

3. Emplacements de composants

Image des emplacements de composants – fonctionnalité ajoutée dans Webflow Designer
Source : Webflow

Les emplacements de composants offrent une flexibilité inégalée en vous permettant de définir des zones de contenu dynamiques au sein des composants. Cela signifie que vous pouvez facilement permuter le contenu sans perturber la structure du design, ce qui facilite le maintien d'une apparence cohérente sur votre site tout en permettant la personnalisation du contenu.

Cette mise à jour permet un système de design évolutif et adaptable qui répond aux besoins changeants des projets en réduisant le nombre de composants et en rationalisant le processus de design.

4. Filtres d'ombre portée

Image d'un avion avec la fonction d'ombre portée en exemple, avec les paramètres de personnalisation à droite pour le flou, la couleur, etc.
Source : Webflow

La nouvelle fonctionnalité de filtres d'ombre portée vous permet de créer des effets d'ombre plus sophistiqués et réalistes, ajoutant de la profondeur et de la dimension à vos visuels. C'est un changement subtil qui peut avoir un impact significatif sur l'esthétique globale de votre site.

Cette fonction se distingue des ombres de boîte traditionnelles en suivant les contours exacts des éléments, ce qui la rend idéale pour créer des effets de profondeur réalistes pour les images, les logos et les formes irrégulières. 

Les utilisateurs peuvent contrôler diverses propriétés des ombres portées, telles que la position, le flou et la couleur, et même ajuster ces paramètres selon différents points de rupture pour un design réactif. De plus, les ombres portées peuvent être animées à l'aide de variables, ajoutant des effets dynamiques aux designs web.

5. Assistant d'apprentissage

Fonctionnalité d'assistant d'apprentissage IA ajoutée à l'interface Webflow
Source : Webflow

L'assistant d'apprentissage de Webflow est comme avoir un mentor en design à portée de main. Propulsé par l'IA, cet outil offre une aide et des suggestions en temps réel directement dans le Designer. Que vous résolviez un problème ou souhaitiez acquérir une nouvelle compétence, l'assistant d'apprentissage est là pour vous guider.

6. Prise en charge des images AVIF & outil de conversion

Une fenêtre dans Webflow Designer montrant la prise en charge des images AVIF ajoutée, qui ne prenait en charge que WebP auparavant
Source : Webflow

La performance est essentielle dans le design web, et le nouvel outil de prise en charge des images AVIF & de conversion garantit que votre site se charge plus rapidement sans sacrifier la qualité des images. AVIF est un format d'image de pointe qui offre une compression supérieure, et avec cet outil, vous pouvez facilement convertir vos images en AVIF directement dans Webflow.

7. Gestion des redirections 301 avec prise en charge CSV

Gestion des redirections 301 avec prise en charge CSV – paramètres Webflow
Source : Webflow

La gestion des redirections peut être un vrai casse-tête, surtout pour les grands sites. La gestion des redirections 301 de Webflow avec prise en charge CSV simplifie ce processus, vous permettant de télécharger et de gérer des redirections en masse. C'est un outil essentiel pour maintenir le classement SEO lors des migrations de sites ou des changements de structure d'URL.

8. Intégration Figma vers Webflow

L'image montre une interface de synchronisation des fonctionnalités Figma vers Webflow, confirmant une synchronisation réussie du système de design.
Source : Webflow

L'intégration améliorée de Figma vers Webflow facilite plus que jamais la concrétisation de vos designs. Vous pouvez désormais copier et coller du texte, des styles de couleurs et des structures entières de Figma vers Webflow avec un minimum de friction. Cette mise à jour garantit que vos designs sont traduits en composants web entièrement fonctionnels avec une précision au pixel près.

9. Aperçus et descriptions de composants

L'image montre la nouvelle fonctionnalité d'aperçu de composants, affichant un composant de section Témoignages clients (Sombre), avec une mise en page à 2 colonnes avec une citation client et une image.
Source : Webflow

La collaboration est désormais encore plus simple grâce à la possibilité d'ajouter des aperçus et des descriptions aux composants. Cette fonctionnalité aide les membres de l'équipe à comprendre rapidement l'objectif de chaque composant, réduisant les risques d'erreurs et s'assurant que tout le monde est sur la même longueur d'onde.

10. Mises à jour du programme partenaire

Source : Webflow

Webflow a déployé des mises à jour importantes pour son programme partenaire, offrant aux agences et aux indépendants de nouveaux outils et ressources. Ces améliorations sont conçues pour aider les partenaires à mieux servir leurs clients, à rationaliser leurs flux de travail et à rester à la pointe de l'innovation en design web.

Conclusion

Ces mises à jour de 2024 témoignent de l'engagement de Webflow envers l'innovation et l'autonomisation des utilisateurs. Que vous soyez un designer indépendant ou membre d'une grande équipe, ces nouvelles fonctionnalités vous aideront à créer, gérer et optimiser vos projets web avec plus d'efficacité et de créativité. Restez à l'écoute pendant que Webflow continue de repousser les limites du possible en matière de design web.

Pour une exploration approfondie de chacune de ces mises à jour, visitez la page des mises à jour officielle de Webflow, et suivez nos réseaux sociaux pour les prochains conseils, guides, inspirations et dernières actualités sur Webflow et le design web !

Partager

Made with Modulify