11 raccourcis utiles de Figma pour un flux de travail plus rapide.

Figma est un outil de mise en page puissant et est également le cheval de bataille de la plupart des développeurs UX/UI en tant que programme de conception. Vous pouvez développer tellement de choses dans Figma, et c'est un programme facile à découvrir.

En tant que concepteurs, nous cherchons généralement à gagner du temps, de sorte que nous investissons nos précieuses heures à développer un bon travail au lieu de parcourir des sélections de nourriture. Nous avons rassemblé une liste de moyens utiles Figma plus rapide qui va certainement améliorer votre processus.

1. Sélectionnez l'outil de mise à l'échelle.

Cette méthode de base à une touche est une méthode rapide pour mettre à l'échelle vos objets. Frappez le K après quoi, choisissez les objets que vous devez redimensionner. Tout ce que vous avez besoin de faire est de cliquer et de faire glisser un facteur de soutien et votre élément reste à portée tout en redimensionnant à ce que vous avez besoin d'être.

2. Sélectionnez l'outil cadre

L'outil Cadre est un dispositif très utilisé dans Figma lors de la création de nombreuses planches de structure pour les mises en page de prototypes. Appuyez sur F sur votre clavier fait apparaître le dispositif en une seule tape, ce qui vous permet de dessiner ou de dimensionner votre cadre rapidement.

Vous pouvez attirer la structure directement en cliquant et en faisant glisser votre flèche, ou dès que le dispositif de cadre est choisi, vous pouvez taper vos tailles souhaitées directement dans les cases de mesure du menu de la structure à droite.

3. Basculez entre les modes de conception et de prototypage.

Le site Shift + E vous permet de basculer entre le mode Design et le mode Prototype. Le même moyen rapide fonctionne malgré le réglage avec lequel vous commencez ainsi que le changement. Consultez notre aperçu pour débutants de Figma pour découvrir les distinctions entre ces paramètres.

Alternativement, il existe des raccourcis plus particuliers pour cette fonction. Alt ( Windows)/ Option (Mac) + 8 peut être utilisé pour passer du paramètre Prototype au mode Conception, tandis que le paramètre Alt (Windows)/ Option (Mac) + 9 permet de passer du paramètre Design au paramètre Prototype. Clairement , Shift + E est plus facile, mais c'est bien d'avoir des options.

4. Sélectionnez l'élément le plus à l'intérieur en un clic (sélection profonde).

Lorsque vous créez dans plusieurs couches ou avec des images intégrées, il peut être difficile de sélectionner un élément rapidement. Pour économiser du temps en cliquant ce qui semble être des charges de fois pour choisir votre couche la plus basse, utilisez plutôt cette façon plus rapide.

Sur un Mac, maintenez Cmd + Cliquez sur le composant, et sur Windows, Ctrl + Cliquez. Un simple crucial permet d'économiser des minutes de clic inutile pour choisir un composant de la couche inférieure.

5. Déplacer un niveau après avoir sélectionné l'élément le plus à l'intérieur.

Une fois que vous avez réussi à sélectionner l'aspect le plus intime de votre style, vous pouvez vous rendre compte que vous souhaitiez choisir un aspect un peu mieux - facile. Dès que vous avez localisé l'élément le plus interne, appuyez sur Shift + Entrez pour retourner un degré. Vous pouvez faire cela pour tous les niveaux.

6. Réduire tous les niveaux

Lorsque vous créez dans Figma, votre panneau de calques commencera à augmenter ainsi qu'à avoir potentiellement l'air un peu désordonné, surtout lorsque vous transformez le HTML en une mise en page Figma. Pour réduire vos calques, il suffit d'appuyer sur Alt + L ( Windows) ou Option + L (Mac).

Si vous avez un élément choisi tout en utilisant cette façon plus rapide, le calque avec cet aspect restera certainement ouvert. Sélectionnez n'importe où hors du tableau pour désélectionner tous les aspects et faites usage de la manière plus rapide pour décomposer tous les calques.

7. Programmer ou masquer les grilles de mise en page.

L'utilisation de grilles de conception est le moyen le plus efficace de s'assurer que votre mise en page respecte certains pourcentages ainsi que de pouvoir s'adapter correctement à de nombreux gadgets. Bien qu'elles soient pratiques, vous ne voulez pas toujours que les grilles s'affichent.

L'activation et la désactivation des grilles de mise en page sont différentes sur un Mac et sur Windows. Sur un Mac, appuyez sur Ctrl + G pour l'activer ou la désactiver. Si vous utilisez Windows, c'est un raccourci à trois touches ; Ctrl + Shift + 4. Ils sont différents, mais ils font la même chose.

8. Aire plusieurs photos en même temps.

Si vous avez fait une mise en page avec des formulaires de placeholder prêts pour vos images, il peut être irritant de placer les images une par une. Cette façon plus rapide vous permet de mettre de nombreuses photos ainsi que de simplement choisir le placeholder-- ou n'importe où sur votre artboard-- pour placer chaque photo individuelle.

Pour les clients Mac, frappé Cmd + Shift + K pour faire apparaître la fenêtre d'accueil du dialogue pour localiser vos images. Sous Windows, c'est Ctrl + Shift + K pour vous permettre de trouver et de placer plusieurs images dans votre mise en page Figma. Si vous produisez une mise en page maître dans Figma, c'est un moyen fantastique plus rapide à utiliser.

9. Répliquer n'importe quelle image en tant que PNG

Lorsque vous utilisez des photos dans votre mise en page Figma, vous pourriez avoir un assortiment de formats de documents, pourtant peut-être votre client a besoin de PNG. Vous pouvez copier tout type d'image en tant que PNG, malgré son style d'origine.

Sélectionnez l'image que vous avez choisie et appuyez également sur Cmd + Shift + C sur Mac et Ctrl + Shift + C sous Windows pour la répliquer en PNG. Vous pouvez commodément utiliser ce raccourci pour vous assurer d'une mise en page photo de qualité, surtout si vous développez des discussions avec Figma.

10. Déposer une couleur de n'importe où

L'eyedropper d'une couleur est une fonction pratique lorsque vous prenez une nuance d'un composant de votre style à un autre. Ce moyen plus rapide au clavier vous permet de faire apparaître la pipette en une seconde et d'échantillonner une teinte de n'importe où sur votre planche d'art.

Sur Mac, frappez Ctrl + C , et aussi sur Windows c'est la lettre cruciale I. Dès que vous avez frappé le clavier de manière plus rapide, déplacez la cible de la pipette sur la nuance que vous voulez utiliser, et aussi cliquez quand pour faire apparaître la nuance.

11. Ouvrez l'onglet des ressources

L'onglet Ressources est la résidence des sélections alimentaires Composants, Plugins et Widgets. Bien qu'il n'y ait pas de moyens plus rapides d'ouvrir ces sélections d'aliments séparément, le raccourci Ressources permet tout de même de gagner du temps : Shift + I. Vous pouvez utiliser des plugins pour développer ainsi qu'inclure des maquettes à vos conceptions Figma.

Gagnez du temps avec les raccourcis Figma

Les concepteurs utilisent généralement des moyens plus rapides dans leur travail pour économiser du temps et de l'énergie, de même que travailler dans Figma n'est pas différent. Ces raccourcis Figma ne font qu'effleurer la surface des raccourcis que vous pouvez utiliser dans le programme.

Ces moyens plus rapides ne sont pas perceptibles ou rapidement trouvés, alors apportez vos tout nouveaux apprentissages à Figma ainsi que de savourer les informations que de nombreux développeurs prennent des mois ou des années à déterminer.

Abonnez-vous à notre e-newsletter