Comment redimensionner proportionnellement des éléments dans Figma ?

Pourquoi redimensionner proportionnellement des éléments ?

Cette technique est essentielle pour :

• Préserver l’intégrité du design.
• Maintenir les proportions correctes des éléments internes.
• Gagner du temps lors des ajustements de taille.

Étapes pour redimensionner proportionnellement dans Figma

Étape 1 : Sélectionner l'élément à redimensionner

• Sélectionnez la frame ou le groupe d'éléments que vous souhaitez redimensionner.

Étape 2 : Utiliser l’outil de redimensionnement proportionnel (Scale)

• Activez l’outil « Scale » en appuyant sur la touche K ou en cliquant sur l’icône « Scale » dans la barre d'outils supérieure.
• Une double flèche apparaît, indiquant que l’outil est actif.

Étape 3 : Redimensionner l'élément

• Cliquez et faites glisser une des poignées en coin pour redimensionner proportionnellement votre élément.
• Tous les éléments internes (textes, images, icônes) se redimensionneront automatiquement et proportionnellement.

Exemple pratique : Redimensionner un écran d’application

Prenons l'exemple d'un écran d’iPhone avec une « Dynamic Island » :

• Dupliquez votre écran original (Cmd+C, Cmd+V sur Mac ou Ctrl+C, Ctrl+V sur Windows).
• Activez l'outil « Scale » (K) et redimensionnez depuis l’un des coins.
• Vérifiez que tous les éléments internes (icônes, textes, images) se redimensionnent harmonieusement.

Conseils complémentaires

• Maintenez la touche Shift enfoncée pendant le redimensionnement pour préserver les proportions originales si vous n'utilisez pas l’outil « Scale ».
• Utilisez l'outil « Scale » pour assurer des ajustements précis et homogènes de l'ensemble des composants.

‍

Maîtriser le redimensionnement proportionnel dans Figma est crucial pour maintenir l'intégrité visuelle et fonctionnelle de vos créations. Cette technique simple optimise votre workflow et garantit des designs cohérents et professionnels.