De l’innovation à portée de main
Vous rêvez de concevoir des sites web époustouflants avec Webflow ? Vous êtes au bon endroit ! Découvrez les innovations révélées lors de la conférence Webflow 2023. Que vous soyez novice ou expert, préparez-vous à être émerveillé par les avancées de cette plateforme.
Au cours de la conférence, l’agence Webflow a levé le voile sur des outils avant-gardistes qui vous permettront de concevoir des sites web magnifiques et fonctionnels. De l'IA facilitant la conception à des outils e-commerce renouvelés, découvrez comment maximiser votre utilisation de Webflow.
Ne manquez pas cette occasion de rester à la pointe de la conception de sites web et de vous inspirer des dernières tendances. Découvrez sans plus attendre les pépites de la Webflow Conf 2023.
Présentation des dernières fonctionnalités de Webflow 2023
La conférence Webflow 2023 a été un véritable feu d'artifice d'innovations et d’avancées technologiques. Pour tous ceux qui aspirent à créer des sites web d'exception avec Webflow ou les curieux, cet événement a été une mine d'or d'informations. Dans cet article vous trouverez un condensé des moments forts et des astuces pour optimiser votre expérience sur cette plateforme dynamique.
L'intégration de Spline : L'ère de la 3D
Explorez la 3D de manière innovante avec Spline sur Webflow
La 3D a le pouvoir de transformer un design plat en une expérience immersive. Grâce à son alliance avec Spline, Webflow permet aux concepteurs de fusionner le monde du web et de la 3D, offrant des possibilités de design interactif sans précédent. Les utilisateurs peuvent alors découvrir une expérience visuelle complète grâce à la 3D.
Webflow a saisi l'importance 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.
La 3D était complexe à manipuler au sein de Webflow sans connaître un langage de développement comme three.Js (une librairie JavaScript 3D). C’est désormais terminé puisque vous pourrez tout simplement ajouter vos assets 3D Spline et contrôler les animations nativement directement depuis le Designer Webflow !
Avec cette nouvelle alliance, préparez-vous à concevoir des designs 3D à couper le souffle et à plonger vos visiteurs dans des univers époustouflant dès maintenant.
Étendez votre présence globale avec la localisation sur Webflow
Votre site web parle-t-il global ?
Dans notre monde connecté, toucher un public international est essentiel. Pour ce faire, il est essentiel d'adapter son site web aux spécificités de chaque marché. Toutefois, les solutions existantes nécessitent souvent une intervention technique importante ou imposent des restrictions sur le design, l'optimisation pour les moteurs de recherche et peuvent entraîner des coûts supplémentaires.
Après avoir écouté les retours de leur communauté et identifié le besoin, Webflow a travaillé assidûment l'année dernière pour apporter une solution complète à ce défi en 2023. C'est ici que la localisation de Webflow entre en jeu. Conçue pour répondre aux besoins des entreprises de toute taille, cette fonctionnalité permet d'offrir une expérience web sur mesure pour les utilisateurs du monde entier.
Grâce à l’outil de localisation vous pourrez :
- Adapter chaque élément de votre site en fonction d'une région donnée, du design au contenu, sans avoir besoin de coder.
- Bénéficier de traductions automatiques grâce aux partenaires de Webflow tels que Lokalise, ou opter pour le système de gestion de traduction (TMS) de votre préférence.
- Booster 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 fonction de localisation est actuellement accessible uniquement pour les partenaires Webflow (ça tombe bien nous en faisons parti et allons donc tester cette fonctionnalité dès maintenant !). Mais pas d’inquiétude la localisation sera déployée pour l'ensemble des utilisateurs le mois prochain.
Variables : Optimisez votre conception
Stylisez avec maîtrise
La cohérence en design est essentielle. Avec l'introduction des variables, Webflow offre aux designers un moyen d'assurer une cohérence à travers le site, qu'il s'agisse de couleurs, de polices ou d'autres éléments de design.
Il est largement reconnu que les Design System accélèrent le processus créatif. En élaborant un élément réutilisable, vous pouvez le déployer dans divers contextes sans avoir à le reconstruire à chaque fois. Cela non seulement facilite et accélère la conception, mais garantit également aux utilisateurs une uniformité.
L’intégration des variables dans Webflow permettent de conserver des informations comme les teintes, les typographies ou les dimensions, le tout sans avoir à insérer manuellement ces détails à chaque fois. L'avantage ? Lorsque vous ajustez une variable, le changement est automatiquement appliqué partout où elle est utilisée. Cette incroyable flexibilité simplifie votre processus de design et offre une homogénéité renforcée tout au long de votre projet.
Intégration des propriétés CSS sur mesure
D’ici quelques mois, Webflow va intégrer une solution pour incorporer des propriétés CSS sur mesure et des associations de valeurs à vos éléments stylistiques via Webflow Designer. Bien utile lorsque vous recherchez une maîtrise stylistique avancée pour vos projets. Ces configurations stylistiques seront directement imbriquées dans vos classes et étiquettes, optimisant ainsi la flexibilité de votre design à un niveau plus vaste.
Amélioration significative des composants sur Webflow
Que vous manipuliez un composant principal ou que vous travailliez avec une instance de composant directement sur le canvas, la configuration et la gestion des propriétés modifiables n'ont jamais été aussi intuitives. Webflow a optimisé les components afin qu’ils soient toujours plus performants et faciles à utiliser
Un panneau latéral fait son entrée pour faciliter le travail des éditeurs de contenu en présentant uniquement les propriétés des components qu'ils sont autorisés à modifier. Désormais Webflow offre une utilisation simplifiée des propriétés, de leur création à leur suppression, mais aussi dans leur lien avec les éléments.
Les équipes qui utilisent la puissance des composants n’ont pas été oubliés. Des "emplacements" font leur apparition ; ce sont des zones modifiables au sein d'un composant qui offrent aux concepteurs une flexibilité dès le début de la conception. Ces emplacements permettent également à ceux qui utilisent les composants de personnaliser la structure d'un composant en y insérant n'importe quel élément ou autre composant. Avec cette nouveauté, les composants de Webflow se rapprochent encore plus de la dynamique des composants React authentiques.
Écosystème Webflow : Plus grand et plus fort
Des connexions toujours plus simples
Si vous l’aviez loupé, il y a peu, l'écosystème de Webflow s'est enrichi avec l'ajout de nouvelles applications et intégrations. Vous pouvez déjà facilement booster vos processus de travail grâce aux connexions aux applications tels que Unsplash, HubSpot, Memberstack, Finsweet et Jasper.
Heureusement, Webflow ne s’arrête pas en si bon chemin. Ils ajoutent dorénavant de nouvelles applications : Wized proposée par Finsweet, Better Shadows, ainsi qu'une application innovante de localisation, Lokalise.
Optimisation de votre environnement de développement
Outre les avantages que les applications apportent aux gestionnaires et créateurs de sites sur Webflow, leur environnement de développement renouvelé propose des outils encore plus performants pour une communauté grandissante composée d'agences, de freelances et d'équipes marketing.
En août dernier, Webflow a dévoilé l’intégration des Designers Extensions, qui est un nouvel ensemble d'outils de création d'applications propulsé par les API Webflow Designer. Ces outils permettent aux développeurs de concevoir des applications qui interagissent directement avec le canvas d'un site. Les API REST n’ont pas été délaissés, leurs mises à jour permettent aux développeurs d'intégrer leurs solutions avec davantage de fonctionnalités de Webflow, comme les éléments de formulaire, les pages et le code sur mesure.
Aujourd'hui, c’est trois nouvelles API qui sont lancées, conçues pour permettre aux développeurs de tirer parti de certaines des innovations récentes.
- La première est un ensemble d'API Component Designer, qui offre aux développeurs la capacité d'ajouter, de connecter et de gérer des composants au sein d'un site Webflow.
- La deuxième est une nouvelle API Variables Designer, qui autorise les développeurs à définir et gérer des variables, comme les couleurs, les polices ou les dimensions.
- La troisième devra arriver le mois prochain, Webflow lancera une API dédiée à la localisation, permettant d'intégrer des systèmes tiers de gestion de traduction à Webflow. Si vous êtes impatient et que vous souhaitez un accès en avant-première, n’hésitez pas à vous inscrire.
Intégrez vos créations Figma directement dans Webflow
Il y a quelques mois, l'extension Figma to Webflow avait fait son entrée, offrant la possibilité de transférer facilement vos wireframes et maquettes de Figma à Webflow.
Aujourd'hui, si je vous dis qu’il suffit d’un simple clic pour synchroniser également vos components Figma avec Webflow, me croirez-vous ? Et oui, grâce à une mise à jour innovante, vous pouvez désormais importer automatiquement vos composants Figma ainsi que leurs variables associées directement dans Webflow.
Dans quelques mois, préparez vous à voir débarquer cette version améliorée de l'extension Figma pour Webflow, ainsi que l'application Webflow correspondante.
Intégrez des éléments React grâce à DevLink
DevLink offre aux développeurs une plateforme pour transférer des composants Webflow vers leurs projets React. Désormais, Webflow améliore DevLink avec une nouvelle fonctionnalité : l'intégration de composants React. Cela permet aux utilisateurs d'enrichir leurs sites Webflow avec des éléments conçus via React. Bientôt, on aura alors la capacité 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.
Collaboration : Le travail d'équipe est indispensable
Optimiser la coopération au sein des équipes
La collaboration est la clé de tout projet réussi. Les nouvelles fonctionnalités de collaboration de Webflow permettent une synergie parfaite entre les designers, les développeurs et les clients, rendant le processus de conception plus fluide et optimisé.
La fonctionnalité de commentaires récemment mise à jour facilite la réception de retours directement dans le cadre de votre projet, propulsant ainsi son avancement. De plus, avec le rôle de commentateur gratuit, certains membres de l'équipe peuvent se concentrer exclusivement sur l’apport de commentaires dans Webflow.
Par ailleurs, il existe désormais un espace dédié au sein de Webflow pour l’édition de contenu. Cet espace offre aux professionnels du marketing, aux auteurs, aux clients et à d'autres membres de l'équipe une plateforme épurée et sécurisée pour éditer et publier du contenu en toute simplicité.
Et enfin, publiez sereinement avec l’arrivée de nouveaux flux de travail de publication.
Webflow Conf 2023 : En bref
La conférence Webflow a été un événement incontournable 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 passion pour la création de sites web d'exception.
En bref toutes ces dernières fonctionnalités de Webflow ; de la 3D à la collaboration passant par la localisation et une optimisation pointue, vont vous faciliter votre quotidien dans l’utilisation de Webflow. Avec ses fonctionnalités innovantes et sa communauté engagée, Webflow vous offre tout ce dont vous avez besoin pour créer des sites web à la fois esthétiquement attrayants et fonctionnels.
Explorez les nouvelles fonctionnalités, utilisez les modèles et les ressources disponibles, et rejoignez la communauté dynamique de Webflow.
Retrouvez notre résumé de la keynote en vidéo :
