3. Responsive Figma vers Webflow

Dans cette troisième vidéo de notre formation Figma to Webflow en 5 épisodes, nous vous présentons la fonctionnalité de resizing dans Figma.

Cette fonctionnalité est essentielle pour gérer le responsive des éléments dans votre maquette et faciliter leur migration vers Webflow. Nous vous montrons comment utiliser cette fonctionnalité pour ajuster les dimensions et les proportions des éléments de votre design en fonction des différents breakpoints de votre projet. Vous découvrirez également comment rendre votre maquette Figma responsive en appliquant les bonnes pratiques de design adaptatif.

Nous verrons à quoi servent les trois options de resizing Figma et comment les utiliser :

1. Fixed Width : pour préserver la taille d'un élément sur tous types de supports
2. Hug Contents : pour adapter la taille d'un élément au contenu qu'il contient
3. Fill container : pour adapter la taille d'un élément au container dans lequel il est intégré

Suivez notre formation Figma to Webflow pour tout savoir sur la création de maquettes web professionnelles avec Figma et leur migration vers Webflow.

Liens utiles

• Plugin Figma to Webflow
• Template Figma
• Clonable Webflow
• Kit Client-First
• Ressources Client-First