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 !
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.
.gif)
Vous pouvez utiliser Figma à son plein potentiel ! Un maitre mot : l'organisation 👇
Il existe quelques règles pour optimiser votre travail sur Figma. Au bout du compte, vous gagnerez du temps 😎
.gif)
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.
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.
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é.
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 😉).
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
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 🎉
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 !
.jpeg)