Cédric Reymbaut
Vous passez trop de temps à chercher vos composants, aligner vos éléments ou gérer vos projets sur Figma ? Que vous soyez UX ou UI designer, ces 10 bonnes pratiques vont transformer votre façon de travailler avec Figma et vous faire gagner un temps précieux.
Figma n’est pas seulement un outil de design collaboratif : c’est un véritable environnement pour créer des interfaces web et mobiles, gérer vos composants et collaborer efficacement avec votre équipe. Voici comment optimiser votre utilisation de Figma.
1. Utiliser les variantes avec des composants de base
Disposez toutes les variantes d’un même composant ensemble pour avoir un système de conception de composants simples et unidimensionnels.
Sélectionnez toutes les variantes d’un composant puis cliquez sur « combiner les variantes » pour en faire un seul composant. Vous pourrez ainsi mieux organiser vos composants pour concevoir vos interfaces graphiques.
2. Maîtrisez les espacements avec la sélection intelligente
Il n’est pas toujours évident d’aligner et d’obtenir les bons espacements entre les éléments graphiques. Figma vous permet de le faire grâce à sa fonctionnalité « smart selection ». Augmenter la hauteur entre plusieurs éléments ne sera plus fastidieux en utilisant cette fonctionnalité.
La sélection intelligente fonctionne automatiquement sur une sélection d’éléments avec l’application d’un espacement uniforme.
3. Personnalisez vos projets avec une photo de couverture
Lorsque vous gérez plusieurs projets en même temps, il est pratique de reconnaître un dossier d’un coup d’œil. Vous pouvez intégrer une photo de couverture avec un logo ou une image correspondant à chaque projet. Ainsi, vous retrouverez rapidement vos fichiers.
C’est une technique simple et élégante pour faciliter votre organisation sur Figma et améliorer la productivité de l’équipe.
4. Renommez vos calques pour mieux vous y retrouver
Utilisez cette fonctionnalité de Figma pour hiérarchiser et organiser votre fichier. Ainsi, vous pouvez structurer en modifiant les noms de vos calques en bloc. Il est aussi possible de renommer chaque calque de la même façon.
Lorsque vos conceptions prennent de l’ampleur, pensez à renommer vos calques pour les retrouver facilement et gagner en efficacité.
5. Enregistrer vos images dans les styles
Vous trouverez sans doute pratique d’enregistrer les images les plus fréquemment utilisées en tant que styles pour pouvoir rapidement les intégrer à vos conceptions.
Ajouter vos images dans les styles sera utile pour toutes vos conceptions nécessitant des images multiples ou souvent utilisées. Et si vous utilisez des images comme remplissage, elles seront automatiquement mises à l’échelle lors de la mise à jour de votre conception sur Figma.
6. Organisez vos pages de dossiers
Pour naviguer et manipuler facilement tous vos éléments, vous devez organiser vos pages et leur donner des noms reconnaissables de la même façon que pour vos calques.
Cette technique simple et efficace vous permettra de gagner du temps dans vos recherches de conceptions ou d’un composant principal. En donnant des noms et en hiérarchisant vos pages, vous serez plus rapide et productif.
7. Créez des organigrammes avec Figjam
Pour faciliter la collaboration à distance, vous pouvez utiliser Figjam sur Figma !
Figjam est un espace de réflexion qui vous permet de brainstormer ou de faire des rétrospectives avec différents collaborateurs. Il vous permet de créer des organigrammes pour rester organisé même lorsque vos fichiers deviennent importants au cours de la conception. La création d’organigrammes améliorera votre productivité sur Figma.
8. Utilisez des contraintes pour plus de flexibilité
Pour favoriser l’adaptabilité et l’organisation de votre conception graphique, vous pouvez utiliser des contraintes sur Figma. Les contraintes permettent de contrôler l’apparence de votre conception sur plusieurs tailles d’écran et différents appareils comme les ordinateurs, les tablettes ou les smartphones. Les contraintes indiquent à Figma comment les éléments doivent réagir lorsque vous modifiez les dimensions.
9. Gagnez du temps avec les raccourcis clavier
Les raccourcis clavier vous feront gagner un temps précieux pour la création de vos conceptions graphiques sur Figma. Bien plus rapide que l’utilisation de la souris, apprendre un raccourci clavier par jour vous permettra de gagner en productivité par la suite.
10. Utilisez les plug-ins pour faciliter votre travail
Vous pouvez utiliser de nombreux plug-ins sur Figma. Les plug-ins sont gratuits et simples d’utilisation, ils peuvent beaucoup apporter à vos conceptions et à votre productivité. Vous n’aurez pas besoin de quitter votre fichier en cours pour chercher et télécharger l’image ou l’icône dont vous avez besoin, vous aurez tout ce qu’il vous faut sous la main.
Parmi les meilleurs plugins Figma :
- Unsplash
- Stark
- Image palette
- Content Reel
Optimisez votre utilisation de Figma
Ces 11 pratiques simples mais puissantes vous permettront de :
- Gagner du temps et éviter les tâches répétitives
- Mieux collaborer avec votre équipe
- Créer des interfaces plus organisées et adaptatives.
