Design

Figma to Webflow, une révolution ?

Une innovation majeure oui, mais quelques manquements : Découvrez les avantages et inconvénients du nouveau plugin Figma to Webflow.

Bannière de l'article

Accélérer la vitesse d’execution des développeurs sur Webflow est désormais possible grâce à l’innovation qu’est le plugin Figma to Webflow. La promesse est simple : En quelques clics, vous pouvez importer vos prototypes Figma directement sur Webflow pour une intégration éclair.

Brillant, vous dites ? Oui, mais l’outil a encore quelques limitations. Voyons lesquelles.

Chez DropD, nous répétons souvent que le nommages de classes est primordial sur Webflow. C’est d’autant plus vrai avec l’utilisation de ce plugin. Pour se faire, il est nécessaire d’avoir les bonnes classes sur Figma, afin d’importer la bonne structure pour son intégration et ainsi garantir le respect de la méthodologie Client First de Finsweet que nous utilisons sur nos projets. Cette étape permet aux éléments importés de correspondre aux spécifications du design, facilitant les manipulations dans Webflow. En effet, les développeurs peuvent appliquer des styles à des éléments spécifiques à leur guise, réduisant ainsi le temps nécessaire pour finaliser un projet. Si cet aspect parait simple en théorie, les premières versions du plugin souffrent encore de problèmes tels que le renommage automatique des classes. Ainsi, si une section importée comporte une classe déjà existante sur Webflow, celle-ci sera automatique renommée, mettant en péril la méthodologie Client First citée plus haut.

Il existe pour y remédier des contournements, comme le plugin Class Sync de Relume, mais ce dernier nécessite un abonnement pour accéder à cette fonctionnalité. Des problèmes subsistent également lors de l’importation d’images, comme pour l’import encore impossible des combo-class. Pour faire face à ce dernier, il suffit cependant de nommer ses combo-class avec une convention pour les modifier après import directement sur Webflow. Pour finir, le plugin Figma to Webflow est une innovation importante pour les développeurs Webflow et la communauté de manière générale, qui y voit un moyen de gagner du temps tout en améliorant la qualité de travail.

Si cette solution reste imparfaite, il va sans dire qu’il s’agit un vrai pas en avant et que les correctifs futurs sauront en ravir plus d’un. En attendant, les solutions temporaires telle que Relume permettront d’en profiter sans contrainte si vous possédez un abonnement. Notre équipe va suivre l’outil de près pour vous tenir au courant des nouvelles mises à jour et des fonctionnalités toujours plus pratiques qui permettent à la communauté d’exceller.

Plus d'articles