Conseils pour réussir votre webdesign sur Figma

Si vous avez cliqué sur cet article, à priori vous savez ce qu'est Figma et souhaitez apprendre à mieux l'utiliser. Pour les autres, Figma est une plateforme de conception collaborative permettant de donner vie à vos idées sous la forme d'un design pour votre site web, d'une maquette, d'un wireframe ... En utilisant Figma, je pars du principe que vous espérez réussir votre web design ! C'est tout l'objet de cet article 😃

Je vous propose de découvrir ensemble quelques actions concrètes pour mieux utiliser l'outil Figma et réussir votre web design !

Pourquoi utiliser Figma ?

Figma est utilisé principalement pour la conception d'interfaces utilisateur (UI) et d'expériences utilisateur (UX) pour un site web ou une application. Il s'agit d'un outil en ligne. Il offre une variété de fonctionnalités pour la conception, la collaboration et la présentation, telles que des outils de dessin en direct, des modèles prédéfinis, des commentaires en temps réel ... Tout est mis à votre disposition pour que la création de web design et la collaboration avec les équipes soient faciles.

‍

Comment bien utiliser Figma ?

Vous pouvez utiliser Figma à son plein potentiel ! Un maitre mot : l'organisation 👇

Comment organiser son Figma ?

Il existe quelques règles pour optimiser votre travail sur Figma. Au bout du compte, vous gagnerez du temps 😎

‍

‍

Renommez les claques

Je vous conseille d'organiser votre fichier en utilisant les fonctionnalités de hiérarchisation de Figma. Vous pouvez structurer en changeant les noms des calques en bloc ou en les renommant individuellement pour une meilleure gestion. Cela vous permettra de retrouver facilement vos éléments au fur et à mesure que votre projet grandit.

Enregistrez vos images dans les styles

Pour une intégration rapide à vos projets, enregistrer vos images les plus fréquentes en tant que styles vous permettra de gagner un temps précieux 😊 Cela facilitera l'utilisation répétée d'images dans vos conceptions, et si vous les utilisez en tant que remplissage, elles seront automatiquement mises à l'échelle dans vos projets.

Organisez les pages dans vos dossiers

Vous pouvez organiser vos pages avec des noms reconnaissables pour une meilleure navigation et prise en main de vos éléments. Promis, c'est peut-être un peu fastidieux au début, mais sur le long terme, cela vous fera gagner du temps lorsque vous rechercherez des designs ou des composants clés. En hiérarchisant et en nommant correctement vos pages, vous améliorerez votre rapidité et votre productivité.

Comment gagner du temps sur Figma ?

Utiliser les variantes avec les composants de base

Je vous invite à rassembler les variantes d'un composant pour simplifier et uniformiser votre système de conception de composants. En utilisant la fonction "combiner les variantes", vous pouvez regrouper les différentes variantes en un seul composant, ce qui vous permettra de mieux organiser votre espace de travail pour la conception de vos interfaces graphiques (l'organisation est le maitre mot souvenez-vous 😉).

Utilisez des raccourcis

C'est bien connu, pour aller plus vite dans la prise en main d'un outil, apprendre et utiliser des raccourcis vous seront d'une grande aide 😁

En voici quelques-uns :

Pour copier le lien de votre Figma : cmd+ L

Pour copier en PNG : cmd + shift+ c

Pour Switcher entre le mode Design/Prototype : maj + E

Pour grouper les styles : cmd + G

Pour faire n'importe quelle recherche : cmd + P

Utilisez des contraintes

Vous n'aimez peut-être pas beaucoup ce mot mais sur Figma, il pourra vous être utile ! Utiliser les contraintes sur Figma vous permettra de maintenir l'apparence de votre conception sur différents écrans, ordinateurs, tablettes et smartphones. En fait, les contraintes indiquent à Figma comment les éléments doivent s'ajuster lorsque vous modifiez les dimensions pour le desktop ou un site mobile. L'objectif ? Offrir une expérience agréable et cohérente sur toutes les plateformes 🎉

BONUS : Top 10 de nos web design préférés en 2023

On se retrouve sur Figma ? J'espère de tout coeur que ces conseils vous permettront de créer une oeuvre d'art ! 👨🎨

J'ai entendu dire quelque part qu'avant tout travail créatif, il convient de s'inspirer de ressources existantes ... Me voici donc avec le top 10 des nos web design préférés en 2023 !

‍