6 règles Figma pour garder son travail clean

Figma est l'un des outils de conception les plus étonnants et si vous l'utilisez comme application de conception quotidienne, vous devez apprendre ces choses pour garder votre travail propre.

1. Ajouter une photo de couverture à votre fichier Figma

Lorsque l'on gère différents projets et fichiers Figma d'un seul coup d'œil, il peut être frustrant de trouver le projet que l'on recherche.

1. Créez un cadre et renommez le en couverture .
2. Ajouter le branding et le nom du fichier.
3. Clic droit sur le frame et cliquer sur "set as a Thumbnail".

2. Donner systématiquement des noms à toutes les pages

Chaque page doit avoir un nom et aussi un logo ou quelque chose qui vous aidera, vous et vos coéquipiers, à reconnaître le projet :

1. Cliquez sur l'icône "Plus" pour ajouter une nouvelle page.
2. Double-cliquez sur la page pour la renommer.
3. Copiez un emoji de Google ou d'une autre source, collez-le et tapez un nom de page en regard.

3. Utilisez des styles pour tout

Lorsque nous concevons à l'aide de styles et que nous décidons de tester différentes variations de couleurs, de traits, de styles de police, etc., un changement rapide et la conception sera mise à jour dans toutes les instances où ce style est référencé.Au lieu d'utiliser le compte-gouttes pour remplir la couleur, je recommande d'utiliser le style de couleur qui aidera à mettre à jour les changements aussi rapidement que possible :

1. Avant de commencer, installez un plugin appelé "Styler".
2. Renommez toutes vos layers

👉 cmd/ctrl R

👉Tapez le nom du groupe de couleurs (par exemple Primary) suivi de/$N0.

3. Ouvrir le plugin

👉 Tapez Styler

👉 Cliquez sur "Generate Styles"

et boom, vous êtes bon.

4. Utilisez des composants

Si nous avons un grand nombre de variantes pour les boutons, les champs de saisie, cela nous fera perdre un temps précieux.Un composant principal définit les propriétés du composant.Une instance est une copie du composant que vous pouvez réutiliser dans vos conceptions. Les instances sont liées au composant principal et reçoivent toutes les mises à jour apportées au composant.Des moyens simples de créer des composants :

‍

Créer un composant unique

Il y a plusieurs façons de créer un composant. Tout d'abord, vous devez sélectionner les couches que vous souhaitez inclure dans le composant.

1. Sélectionnez les couches que vous souhaitez inclure dans le composant.
2. Vous disposez ensuite de plusieurs méthodes différentes pour créer un composant :

• Cliquez sur Créer un composant dans la barre d'outils
• Cliquez avec le bouton droit de la souris sur votre sélection et choisissez Créer un composant.
• Figma intégrera les couches dans un cadre spécial pour les composants. Identifiez les composants dans le panneau des couches en utilisant l'icône violette.
• Dans la barre latérale droite, ajoutez un lien Description et Documentation pour les collaborateurs. Les collaborateurs et les développeurs peuvent voir ces informations dans le panneau Inspect.

Créer des composants en masse

1. Sélectionnez les couches à partir desquelles vous souhaitez créer des composants,
2. Cliquez sur l'icône "Shevron" à côté de "Créer un composant" dans la barre d'outils.
3. Sélectionnez Créer des composants multiples dans les options.
4. Figma créera un composant pour chaque cadre, groupe, opération booléenne ou chemin.

5.Créez des diagrammes de flux à partir de vos écrans

Comme nos fichiers de conception ne cesse d'augmenter, les choses peuvent devenir confuses pour vos coéquipiers ou des étrangers comme les clients qui peuvent ne pas avoir le knowledege figma. Une façon simple : Donnez une flèche entre les cadres pour montrer le flux en utilisant l'outil stylo.

‍

6.Créez toujours une copie du fichier.

‍

Gardez toujours une copie de votre fichier original par sécurité.

Vous ne savez jamais ce qui peut arriver :

1. Clic-droit sur le fichier
2. Cliquez sur Duplicate

Et là on est bon.

C'est tout ce que j'ai à dire. Ce sont quelques-unes de mes idées sur le design propre. Bonne conception!

‍