De l’innovation à portée de main
Vous voulez concevoir des sites remarquables avec Webflow ? Cet article fait le point sur les nouveautés annoncées lors de la Webflow Conf 2023. Que vous soyez débutant ou expert, ces avancées de la plateforme vont vous intéresser.
Pendant la conférence, l’équipe Webflow a présenté de nouveaux outils pour concevoir des sites à la fois beaux et fonctionnels. De l’IA qui facilite la conception aux outils e-commerce repensés, voici comment tirer le meilleur parti de Webflow.
C’est aussi l’occasion de rester à jour sur la conception de sites web et de vous inspirer des dernières tendances. Voici ce qu’il faut retenir de la Webflow Conf 2023.
Présentation des dernières fonctionnalités de Webflow 2023
La conférence Webflow 2023 a apporté son lot d’innovations et d’avancées techniques. Pour ceux qui veulent créer des sites web de qualité avec Webflow, comme pour les simples curieux, l’événement a été riche en informations. Vous trouverez dans cet article un condensé des moments forts et des conseils pour mieux utiliser la plateforme.
L’intégration de Spline et l’arrivée de la 3D
Explorez la 3D autrement avec Spline sur Webflow
La 3D transforme un design plat en expérience immersive. Grâce à son partenariat avec Spline, Webflow permet aux designers de réunir le web et la 3D, avec des possibilités de design interactif inédites. Les visiteurs profitent ainsi d’une expérience visuelle plus complète.
Webflow a compris l’intérêt de la 3D et propose désormais une dimension dynamique et interactive. Spline, reconnu pour sa puissance, est une plateforme de design 3D qui simplifie la création d’animations et d’expériences immersives.
Jusqu’ici, la 3D était difficile à manipuler dans Webflow sans connaître un langage de développement comme Three.js (une bibliothèque JavaScript 3D). Désormais, vous pouvez ajouter directement vos assets 3D Spline et contrôler leurs animations nativement depuis le Designer Webflow.
Avec ce partenariat, vous pouvez dès maintenant concevoir des designs 3D spectaculaires et immerger vos visiteurs dans des univers saisissants.
Étendez votre présence internationale avec la localisation sur Webflow
Votre site web est-il prêt pour l’international ?
Pour toucher un public international, il faut adapter son site web aux spécificités de chaque marché. Les solutions existantes demandent pourtant souvent une intervention technique lourde, imposent des limites sur le design ou le référencement, et peuvent entraîner des coûts supplémentaires.
Après avoir écouté les retours de sa communauté et identifié ce besoin, Webflow a travaillé toute l’année dernière pour y répondre en 2023. C’est le rôle de la localisation Webflow. Pensée pour les entreprises de toutes tailles, cette fonctionnalité permet d’offrir une expérience web sur mesure aux utilisateurs du monde entier.
Avec l’outil de localisation, vous pourrez :
- adapter chaque élément de votre site à une région donnée, du design au contenu, sans coder ;
- profiter de traductions automatiques grâce aux partenaires de Webflow comme Lokalise, ou choisir le système de gestion de traduction (TMS) de votre choix ;
- améliorer votre visibilité à l’international grâce à des outils SEO avancés, des sous-dossiers personnalisables et des sitemaps adaptés à chaque langue.
Pour l’instant, la localisation est accessible uniquement aux partenaires Webflow (c’est notre cas, et nous allons donc tester cette fonctionnalité dès maintenant). Elle sera déployée pour l’ensemble des utilisateurs le mois prochain.
Les variables pour optimiser votre conception
Gérez vos styles avec précision
Un design doit rester cohérent. Avec l’arrivée des variables, Webflow donne aux designers un moyen d’assurer cette cohérence sur tout le site, qu’il s’agisse des couleurs, des polices ou d’autres éléments de design.
Les design systems accélèrent le travail de création, c’est largement reconnu. Un élément réutilisable se déploie dans différents contextes sans avoir à le reconstruire à chaque fois. La conception devient plus simple et plus rapide, et les utilisateurs profitent d’une interface homogène.
Les variables dans Webflow permettent d’enregistrer des informations comme les couleurs, les typographies ou les dimensions, sans les saisir à la main à chaque fois. Quand vous modifiez une variable, le changement s’applique automatiquement partout où elle est utilisée. Cette flexibilité simplifie votre travail de design et renforce l’homogénéité de tout votre projet.
Intégration des propriétés CSS sur mesure
D’ici quelques mois, Webflow permettra d’ajouter des propriétés CSS sur mesure et leurs valeurs à vos styles depuis le Webflow Designer. C’est utile lorsque vous cherchez un contrôle avancé du style de vos projets. Ces réglages seront directement intégrés à vos classes et à vos balises, ce qui élargit encore la flexibilité de votre design.
Des composants nettement améliorés sur Webflow
Que vous modifiiez un composant principal ou une instance de composant directement sur le canvas, la configuration et la gestion des propriétés modifiables sont désormais bien plus intuitives. Webflow a optimisé les composants pour les rendre plus performants et plus simples à utiliser.
Un panneau latéral fait son entrée pour faciliter le travail des éditeurs de contenu. Il n’affiche que les propriétés des composants qu’ils sont autorisés à modifier. Webflow simplifie aussi l’utilisation des propriétés, de leur création à leur suppression, ainsi que leur liaison avec les éléments.
Les équipes qui exploitent pleinement les composants n’ont pas été oubliées. Les « emplacements » (slots) font leur apparition. Ce sont des zones modifiables à l’intérieur d’un composant, qui donnent aux designers de la souplesse dès le début de la conception. Ces emplacements permettent aussi à ceux qui utilisent les composants d’en personnaliser la structure en y insérant n’importe quel élément ou autre composant. Avec cette nouveauté, les composants de Webflow se rapprochent encore du fonctionnement des composants React.
Un écosystème Webflow plus grand et plus solide
Des connexions toujours plus simples
Si vous l’aviez manqué, l’écosystème de Webflow s’est récemment enrichi de nouvelles applications et intégrations. Vous pouvez déjà améliorer facilement vos méthodes de travail grâce aux connexions avec des applications comme Unsplash, HubSpot, Memberstack, Finsweet et Jasper.
Webflow continue sur cette lancée et ajoute de nouvelles applications, dont Wized proposée par Finsweet, Better Shadows et une application de localisation, Lokalise.
Un environnement de développement optimisé
En plus des avantages que les applications apportent aux gestionnaires et créateurs de sites Webflow, l’environnement de développement renouvelé propose des outils plus performants pour une communauté grandissante d’agences, de freelances et d’équipes marketing.
En août dernier, Webflow a dévoilé les Designer Extensions, un nouvel ensemble d’outils de création d’applications basé sur les API du Webflow Designer. Ces outils permettent aux développeurs de concevoir des applications qui interagissent directement avec le canvas d’un site. Les API REST ont aussi été mises à jour. Les développeurs peuvent désormais connecter leurs solutions à davantage de fonctionnalités de Webflow, comme les éléments de formulaire, les pages et le code sur mesure.
Webflow lance aujourd’hui 3 nouvelles API, conçues pour permettre aux développeurs de tirer parti de certaines innovations récentes :
- La première est un ensemble d’API Component Designer, qui permet aux développeurs d’ajouter, de connecter et de gérer des composants dans un site Webflow.
- La deuxième est une nouvelle API Variables Designer, qui permet aux développeurs de définir et de gérer des variables comme les couleurs, les polices ou les dimensions.
- La troisième arrivera le mois prochain. Webflow lancera une API dédiée à la localisation, qui permettra de connecter des systèmes tiers de gestion de traduction à Webflow. Si vous souhaitez un accès en avant-première, vous pouvez vous inscrire à la bêta.
Intégrez vos créations Figma directement dans Webflow
Il y a quelques mois, l’extension Figma to Webflow a fait son entrée. Elle permet de transférer facilement vos wireframes et maquettes de Figma vers Webflow.
Un simple clic suffit désormais pour synchroniser aussi vos composants Figma avec Webflow. Grâce à cette mise à jour, vous pouvez importer automatiquement vos composants Figma et leurs variables associées directement dans Webflow.
Cette version améliorée de l’extension Figma to Webflow arrivera dans quelques mois, avec l’application Webflow correspondante.
Intégrez des éléments React grâce à DevLink
DevLink permet aux développeurs de transférer des composants Webflow vers leurs projets React. Webflow enrichit maintenant DevLink d’une nouvelle fonctionnalité, l’intégration de composants React. Les utilisateurs peuvent ainsi ajouter à leurs sites Webflow des éléments conçus avec React. Il sera bientôt possible de concevoir avec des composants directement liés à des données en temps réel, comme des localisateurs de boutiques ou des applications complètes.
La collaboration, indispensable au travail d’équipe
Mieux travailler ensemble
La collaboration est la clé de tout projet réussi. Les nouvelles fonctionnalités de collaboration de Webflow facilitent le travail entre designers, développeurs et clients, et rendent la conception plus fluide.
La fonctionnalité de commentaires, récemment mise à jour, permet de recevoir les retours directement dans votre projet, ce qui accélère son avancement. Avec le rôle de commentateur gratuit, certains membres de l’équipe peuvent se consacrer uniquement aux commentaires dans Webflow.
Il existe aussi désormais un espace dédié à l’édition de contenu dans Webflow. Il offre aux équipes marketing, aux rédacteurs, aux clients et aux autres membres de l’équipe un environnement épuré et sécurisé pour modifier et publier du contenu simplement.
Enfin, vous pouvez publier sereinement grâce aux nouveaux workflows de publication.
Webflow Conf 2023, en bref
La conférence Webflow a été un rendez-vous important pour tous les passionnés de design web. Elle a réuni des experts du secteur, des développeurs, des designers et des entrepreneurs, tous animés par la même envie de créer des sites web de qualité.
De la 3D à la collaboration, en passant par la localisation et des optimisations poussées, ces nouvelles fonctionnalités vont vous faciliter le quotidien sur Webflow. Avec ses nouveautés et sa communauté engagée, Webflow offre tout ce qu’il faut pour créer des sites à la fois beaux et fonctionnels.
Explorez ces nouvelles fonctionnalités, utilisez les modèles et ressources disponibles, et rejoignez la communauté Webflow.
Retrouvez ci-dessous notre résumé de la keynote en vidéo.