Découverte de l’interface de Figma

Épisode 2
Niveau Facile

Découverte rapide de l'interface de Figma, comment retrouver vos fichiers, les différents menus. Qu'est-ce que les drafts.

Votre compte créé, vous voilà devant l’interface de Figma. Avant de commencer à designer, prenons cinq minutes pour comprendre comment est organisée l’interface : où sont rangés vos fichiers, comment les organiser et comment créer votre premier fichier de design.

L’interface de Figma

L’interface est découpée en trois zones distinctes : une barre latérale gauche, une barre d’outils en haut et vos fichiers au centre.

Barre latérale gauche

La barre latérale gauche vous permet de naviguer dans l’outil, de gérer votre compte, d’organiser votre travail, de passer de vos brouillons à vos fichiers favoris, et de vos fichiers favoris à vos équipes.

Voici la liste des éléments que vous allez retrouver :

  • A – Compte : depuis le menu Compte, vous pouvez gérer les paramètres et préférences de votre compte
  • B – Notifications : vous recevez des notifications lorsque des personnes vous mentionnent dans un commentaire ou vous invitent à rejoindre un fichier, un dossier, une équipe.
  • C – Recherche : utilisez la recherche pour trouver des fichiers, des dossiers et des personnes
  • D – Recents : les fichiers sur lesquels vous avez travaillé récemment.
  • E – Community : l’ensemble des ressources disponibles sur la communauté (fichiers de design, plugins, …)
  • F – Vos équipes : les équipes auxquelles vous avez accès
  • G – Starred : vos fichiers mis en favori

La barre d’outils

La barre d’outils regroupe différents raccourcis et actions :

  • A – Navigation : revenez en arrière ou en avant à l’aide des flèches.
  • B – Boutons d’action : créez un nouveau fichier, qu’il s’agisse d’un fichier de design, FigJam, Slides ou Make. Ce menu vous permet aussi d’importer vos ressources : PDF, PowerPoint, fichiers Sketch ou d’autres fichiers de design.
  • C – Nom du dossier

Comme vous le voyez, l’interface de Figma est assez facile à appréhender avec des zones distinctes qui vous permettent de vous y retrouver facilement.

Les différents types de fichiers

Il existe plusieurs types de fichiers dans Figma :

Icône Figma - Design

Les fichiers de design qui sont utilisés pour créer, partager des conceptions. Ces fichiers sont identifiables par une icône de plume bleue

Icône FigJam

Les fichiers FigJam, le tableau blanc en ligne, utilisés pour des activités collaboratives de brainstorming, de synthèse et d’organisation des idées. Ils sont identifiables par une icône de crayon violet.

Icône Figma Slides

Les fichiers Figma Slides, qui permettent de créer des présentations sans renoncer au design.

Icône Figma Buzz

Les fichiers Figma Buzz, qui permettent de décliner des posts, bannières de réseaux sociaux rapidement

Icône Make

Les fichiers Figma Make, qui permettent de générer des prototypes en code

Icône Figma Site

Les fichiers Figma Site, qui permettent de publier un site web directement depuis Figma

Organiser ses fichiers

Équipes

Les équipes vous permettent de créer un environnement dédié dans lequel vous créez des fichiers et des projets. Chaque fichier ou projet, à l’exception des drafts, est partagé avec l’ensemble de votre équipe. C’est ce qui vous permet de collaborer facilement avec d’autres personnes.

Projets

Les projets vous permettent de regrouper vos fichiers de conception dans un seul espace. Voyez-les comme des dossiers. Vous pouvez en créer autant que vous le souhaitez dans les équipes professionnelles.

Pour ma part voici comment j’organise les projets :

  • 1 projet par client
  • 1 projet appelé “Marque” avec toute ma com interne (charte graphique, site web, templates réseaux sociaux…).
  • 1 projet appelé “Kit” regroupant les différents fichiers que je vais dupliquer pour les réutiliser

Les drafts

Les Drafts, ou brouillons, sont des fichiers privés dans lesquels vous pouvez tester vos idées avant de les partager. Chaque équipe dispose de son propre espace de Drafts, et tous les fichiers qui s’y trouvent sont invisibles pour les autres membres de votre équipe.

Créez d’abord, organisez ensuite !

Josh Dunsterville

Les Drafts vous offrent plusieurs avantages :

  • Peaufiner votre travail avant de le partager avec votre équipe
  • Garder vos projets principaux propres et organisés

Créer son premier fichier de design

Passons à la pratique. Cliquez sur le bouton de création en haut à droite, puis choisissez Design file.

Vous arrivez sur une nouvelle interface, propre aux fichiers de design. Elle n’a plus grand-chose à voir avec ce que nous venons de parcourir, c’est normal. Vous avez créé votre premier fichier de design !

Prenez tout de suite l’habitude de renommer votre fichier. Double-cliquez sur son nom (« Untitled » par défaut) en haut de l’écran et donnez-lui un nom explicite.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Sommaire