Résumé de la Webflow Conf 2023

Hier se tenait la Webflow Conf 2023, à San Francisco. Les annonces montrent que le produit devient encore plus puissant, pour créer des sites incroyables.

Voici un résumé de la Keynote Webflow 2023.

Nouveau design

Vous avez déjà du le remarquer : Webflow se présente maintenant sous un nouveau logo. Mais ce n’est pas tout. L’outil dispose aussi d’une interface utilisateur plus moderne et minimaliste.

Le designer de Webflow a été mis à jour :

• De nouveaux icônes

• Une palette de couleurs simplifiée

• Le gestionnaire de styles devient désormais “Sélecteur de styles” et a été déplacé vers le panneau de gauche

• Design du tableau de bord mis à jour

‍

Interaction 3D avec Spline

Il est désormais possible d’importer nativement des ressources 3D Spline directement dans le Designer de Webflow. Encore plus puissant, nous pouvons contrôler les scènes Spline directement dans Webflow, et même animer des groupes d’objets.

‍

Webflow Localization

Webflow a annoncé la sortir d’une nouvelle fonctionnalité native : la localisation.

Cette fonctionnalité permet de personnaliser son site en fonction du pays et de la langue du visiteur. Sans aucune intégration ou code requis, il est enfin possible de traduire son site automatiquement.

‍

Amélioration du plugin Figma to Webflow

Il y a quelques mois, le plugin Figma to Webflow est sorti, afin de copier les conceptions et wireframes dans Figma vers Webflow. Assez limité

Webflow annonce la possibilité d'importer automatiquement les composants et ses variables de son projet Figma. Il est aussi possible de consulter l'historique du projet.

‍

Design System et variables

Nouvelle mise à jour concernant les variables. Nous pouvons maintenant remplacer les valeurs codées en dur par une variable, puis exploiter cette variable dans le Designer.

Les échantillons de couleurs ont été migré vers les variables, pour aller encore plus loin :

• Gestion des échantillons de couleurs centralisée dans le panneau de variables

• Options de style plus puissantes : disponibles sur d’autres valeurs (taille et police) pour des modifications à grande échelle

• Extensibles : compatibles avec les variables CSS et variables Figma via les API

‍

Composants plus puissants

Pour plus de cohérence lors de la conception du site, il est désormais possible de créer des composants React pour Webflow.

• Processus simplifié pour créer et supprimer des propriétés

• Lier les éléments et les propriétés aves des éléments d’action clairs

• Un meilleur contrôle pour les développeurs

‍

🎬 Voir la Keynote Webflow Conf 2023