Figma est l’une des applications de conception les plus populaires pour l’édition de graphiques. Le fait qu’il soit gratuit et qu’il puisse être utilisé de différentes manières sont deux des choses pour lesquelles les gens le connaissent. Nous décomposons les fonctionnalités les plus importantes de Figma et vous montrons certains des meilleurs raccourcis Figma qui vous aideront à l’utiliser plus efficacement.
Table des matières
Figma est un éditeur de graphiques vectoriels et un outil prototype qui s’exécute dans le cloud et est configuré pour concevoir des interfaces ensemble et à distance. Le logiciel d’interface utilisateur a tout ce dont vous avez besoin pour chaque étape d’un projet de conception, y compris la possibilité de générer du code pouvant être exporté. Nous avons dressé une liste de raccourcis pour Figma qui faciliteront votre travail.
Meilleurs raccourcis Figma
Capacités de zoom principales
Vous ne pouvez pas utiliser Figma ni aucun d’autres logiciels de conception UI/UX sans savoir utiliser les raccourcis clavier de Zoom. Ce sont les raccourcis clavier que vous utiliserez le plus souvent pendant que vous travaillez. Shift + 1 peut être utilisé à la fois sur Windows et sur Mac pour adapter les calques à l’écran. Maj + 2 me permet de sur le cadre sélectionné, qui est mon raccourci clavier le plus utilisé car il me permet de voir rapidement les détails de la partie sélectionnée. Shift + 0 me permet de complètement.
Copier le cadre en tant qu’image PNG-sans exporter
Avec ce raccourci, vous pouvez copier un seul cadre en tant qu’image PNG et le coller n’importe où à l’intérieur ou à l’extérieur de Figma. Vous n’avez pas besoin d’exporter un cadre pour l’utiliser dans une maquette, une présentation, un e-mail ou toute autre documentation de conception. Ainsi, vous n’aurez pas beaucoup de choses dans votre espace de stockage. Pour copier au format PNG, choisissez n’importe quel élément (cadre, image ou groupe) et appuyez sur”Maj”+”Commande”+”C”sur Mac ou”Maj”+”Ctrl”+”C”sur Windows.
Sélectionnez l’outil Cadre
Lors de la création de plusieurs panneaux de cadre pour des conceptions de prototypes dans Figma, l’outil Cadre est souvent utilisé. Lorsque vous appuyez sur F sur votre clavier, l’outil apparaît immédiatement, vous pouvez donc rapidement dessiner ou modifier la taille de votre cadre. Vous pouvez dessiner le cadre en cliquant et en faisant glisser votre curseur, ou vous pouvez choisir l’outil Cadre et saisir les tailles souhaitées dans les cases à droite du menu du cadre.
Afficher/masquer les règles et afficher/hide layout grids
Je n’utilise généralement pas les règles dans Figma, mais si vous souhaitez les utiliser lors de la conception d’une interface utilisateur, vous pouvez utiliser le raccourci clavier Maj + R sur un PC ou un Mac pour afficher ou masquer les règles. J’utilise toujours des grilles de mise en page. Il vous permet d’organiser les différentes parties, icônes et textes de manière à ce qu’ils soient tous à la même distance. Pour afficher ou masquer les grilles de mise en page sur un Mac, appuyez sur Ctrl + G sur le clavier.
Possibilité d’ignorer la mise en page automatique
La mise en page automatique est excellente, mais ce n’est pas toujours facile à ajouter un nouvel élément à un groupe qui utilise la mise en page automatique. Avant de comprendre cela, nous avons désactivé la mise en page automatique et placé le nouvel élément là où nous le voulions. Mais maintenant, il y a une astuce : maintenez la barre d’espace enfoncée. Si vous appuyez sur la barre d’espace pendant que vous faites glisser un élément, il ira au-dessus de l’ensemble de mise en page automatique et y restera. Ce n’est peut-être pas le meilleur moyen de gagner du temps, mais cela aide.
Placer plusieurs photos à la fois
Si vous avez créé une mise en page avec des formes prêtes à contenir vos images, il peut être ennuyeux d’ajouter chaque image une à la fois. Avec ce raccourci, vous pouvez placer plus d’une photo n’importe où sur votre plan de travail en cliquant sur l’espace réservé ou n’importe où ailleurs sur votre plan de travail.
Les utilisateurs de Mac peuvent ouvrir la boîte de dialogue pour trouver leurs images en appuyant sur Cmd + Maj + K. Sous Windows, vous pouvez rechercher et placer plusieurs photos dans votre conception Figma en appuyant sur Ctrl + Maj + K. C’est un excellent moyen de gagner du temps dans Figma si vous créez un modèle principal.
Outils stylo, déplacement et texte
Figma dispose d’un outil stylo à la fois puissant et flexible. Après avoir joué avec pendant un moment, vous verrez ce que je veux dire. Vous utiliserez beaucoup ces trois outils pendant le processus de conception. Sous Windows et Mac, vous pouvez toujours les sélectionner dans le menu supérieur ou utiliser les touches P, V et T pour basculer respectivement vers les outils Stylo, Déplacer et Texte.
Sélection des couleurs
Choisissez un élément auquel ajouter de la couleur. Pour ce faire, vous devez choisir”remplir”. À l’aide des touches fléchées haut (clair) et bas (foncé), vous pouvez trouver les tons clairs et foncés de l’option de remplissage choisie pour l’élément. Si vous appuyez sur la touche Maj, vous pouvez entendre la différence de tonalité plus rapidement.
Se déplacer entre les calques et les composants
Lorsque vous travaillez sur un projet de conception avec trop de calques et de pièces, ces deux les raccourcis clavier sont très pratiques. Vous devrez peut-être faire des allers-retours entre eux tout le temps. Pour accéder au panneau des calques, appuyez sur Option + 1 sur un Mac ou sur Alt + 1 sur un ordinateur portable Windows. Ensuite, appuyez sur Option + 2 sur un Mac ou sur Alt + 2 sur un ordinateur Windows pour accéder au menu Composants.
Régler la hauteur de ligne en quelques secondes
Si la hauteur de votre ligne semble incorrecte et vous n’avez pas de valeur spécifique, tapez”auto”dans le champ de hauteur de ligne, supprimez le nombre qui s’y trouve et appuyez sur Entrée. Il s’ajustera par magie. Vous pouvez ignorer la saisie de”auto”en laissant le champ vide et en appuyant sur la touche Entrée de votre clavier. Cela va encore plus vite !
FAQ
Quels sont les raccourcis clavier amusants ?
Activez le contraste élevé. Maj + Alt + Imprimer Basculer entre les fenêtres ouvertes. Alt + Tab Examiner les fenêtres ouvertes et fermées. Windows + Tab Supprimer un fichier sans confirmation. Maj + Suppr Arrêter Windows. Windows + X, U, I/U/R/H/S
Pouvez-vous contrôler F dans Figma ?
Rechercher et Remplacer sont désormais intégrés à Figma. Appuyez simplement sur Ctrl+F ! Lorsque vous êtes sur”Rechercher”, appuyez sur Entrée pour passer au résultat suivant.
Que fait Ctrl J ?
Ctrl+J permet d’adapter le texte ou la ligne que vous avez choisi à l’écran. Ctrl+K ajoutera un lien. Ctrl+L place la ligne ou le texte que vous avez choisi à gauche de l’écran.
Qu’est-ce que F1 f2 f3 F4 f5 f6 f7 f8 f9 f10 f11 F12 ?
Le F1 –Les touches F12 d’un clavier d’ordinateur sont appelées touches de fonction ou touches F. Chacune de ces touches a une fonction spéciale définie par le système d’exploitation ou le programme en cours d’exécution. Vous pouvez les utiliser avec la touche Alt ou la touche Ctrl.