Advertisement
  1. Web Design
  2. UX/UI

Figma Project, Page & Artboard Conseils

Scroll to top
Read Time: 2 min
This post is part of a series called Figma Tips and Tricks.
Figma Frame Tips
Figma Properties Tips

() translation by (you can also view the original English article)

Bienvenue à la prochaine de notre série de trucs et astuces Figma ! Cette fois-ci, nous allons améliorer la façon dont vous travaillez avec les projets Figma, les pages et les artboards.

Regarder Conseils

1. Personnaliser les vignettes de projet

Il est parfaitement possible de créer des vignettes de projet personnalisées qui s'afficheront dans votre tableau de bord. Assurez-vous que la première page de votre document ne comporte qu'une seule image de 620x320px, puis remplissez cette image avec le contenu que vous voulez comme vignette.

Customize Project Thumbnails in FigmaCustomize Project Thumbnails in FigmaCustomize Project Thumbnails in Figma

2. Raccourcis clavier pour naviguer entre les pages

Naviguer entre les pages à l'aide d'un raccourci clavier permet de naviguer beaucoup plus rapidement. Sous Mac OS, utilisez les touches fn + flèche vers le haut ou vers le bas, et sous Windows ou Linux, utilisez PageUp ou PageDown.

Keyboard Shortcuts to Navigate Between PagesKeyboard Shortcuts to Navigate Between PagesKeyboard Shortcuts to Navigate Between Pages

3. Raccourcis clavier pour naviguer entre les claviers

Il est également possible de naviguer entre les tableaux à l'aide du clavier. Sous Mac OS utilisez fn + touches fléchées gauche ou droite, et sous Windows ou Linux utilisez Home ou End.

Keyboard Shortcuts to Navigate Between ArtboardsKeyboard Shortcuts to Navigate Between ArtboardsKeyboard Shortcuts to Navigate Between Artboards

4. Naviguer et zoomer entre les tableaux

Par défaut, lorsque vous naviguez dans vos tableaux avec les raccourcis clavier, ils restent au même niveau de zoom. Cependant, en appuyant sur n ou SHIFT + n, vous naviguerez respectivement vers la gauche ou vers la droite, tout en zoomant automatiquement sur l'ensemble du tableau.

5. Améliorer la visibilité des limites du panneau d'art

Lorsque vous avez des planches d'art avec la même couleur de fond que votre document global, il peut être difficile de voir où se trouvent les bords de vos cadres. En supposant que votre tableau est en fait un cadre de niveau supérieur, pour résoudre ce problème, allez dans le menu Affichage et activez Outlines Frame.

Border visibility in FigmaBorder visibility in FigmaBorder visibility in Figma
Ici vous pouvez voir que le tableau "Features" a un cadre visible.

Ressources d'apprentissage Figma

Voici quelques conseils rapides pour travailler avec des projets, des pages et des tableaux dans Figma. Pour vous aider à passer au niveau supérieur, nous vous proposons une série de cours de Figma sur Tuts+ :

  • Chapeau à Carmel DeAmicis et Valerie Veteto pour leurs rafles régulières de conseils communautaires - allez les voir !
  • blog.figma.com
  • www.figma.com

Le kit d'interface utilisateur utilisé dans ce tutoriel est entièrement compatible avec Figma et disponible chez Envato Elements :

First Order UIUX ToolFirst Order UIUX ToolFirst Order UIUX Tool
Outil UI/UX de premier ordre

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.