Figma pour les débutantes : mes astuces de graphiste autodidacte

Quand j'ai découvert Figma il y a deux ans, j'utilisais encore Canva pour tout. La transition m'a semblé intimidante. Aujourd'hui je ne pourrais plus m'en passer. Voici ce que j'ai appris.

Les composants : la clé de tout

La première chose à maîtriser, c'est les composants. Créez un bouton, une carte, une navbar — une seule fois — et réutilisez-les partout. Si vous changez le composant parent, tout se met à jour automatiquement. C'est la logique des design systems.

Les variables de couleurs

Définissez votre palette une fois dans les styles locaux. Ainsi, quand un client veut changer son bleu pour un vert, vous faites la modification à un seul endroit.

Auto Layout

C'est la fonctionnalité la plus puissante de Figma pour les graphistes qui pensent en web. Auto Layout se comporte comme le Flexbox du CSS : vos éléments s'adaptent automatiquement au contenu.

Mes raccourcis indispensables

• ▸Ctrl + D : dupliquer un élément
• ▸Ctrl + G : grouper une sélection
• ▸Ctrl + Alt + G : créer un cadre depuis la sélection
• ▸K : l'outil mise à l'échelle (scale)

Pour les graphistes qui veulent coder

Figma génère du CSS pour chaque élément. Clic droit → "Copy/Paste as" → "Copy as CSS". C'est une passerelle fantastique entre le design et le code.