Bases & Syntaxe
Créer une nouvelle scène
// Fichier -> Nouvelle scène
Utilisé pour commencer un nouveau design.
Ajouter une forme géométrique
// Outils de dessin -> Rectangle, Ellipse, etc.
Pour créer des formes simples rapidement.
Structures de Données
Créer une variable
// Variables -> Nouvelle Variable
Permet de gérer les couleurs, tailles, etc. uniques au projet.
Utiliser une variable dans le style d'une forme
// Sélectionnez la forme -> Styles -> Lien -> Liens aux variables
Pour appliquer des styles uniformalisés à plusieurs formes.
Fonctions & Méthodes Essentielles
Raccourci pour copier une scène
Ctrl + D (Windows) ou Cmd + D (Mac)
Pour dupliquer rapidement une scène.
Faire référence à une scène dans un autre fichier
// Lien -> Liens vers des fichiers externes
Permet d'inclure des éléments de designs existants dans votre projet.
Patterns Courants
Créer un composant réutilisable
// Composants -> Nouveau Composant
Pour créer des éléments que vous pouvez réutiliser à travers le design.
Ajouter une animation basique
// Animation -> Ajouter une cléframe
Permet d'animer les formes et leurs propriétés.
Opérations Avancées
Créer un effet de perspective
// Styles -> Effets -> Perspective
Pour créer des effets 3D simples en 2D.
Utiliser le plugin Figma Automate pour automatiser les tâches
// Plugin Figma Automate
Permet d'automatiser des processus répétitifs dans Figma.
Debugging & Outils
Activer la console de développement
Ctrl + Shift + C (Windows) ou Cmd + Shift + C (Mac)
Pour déboguer et voir les erreurs en temps réel.
Utiliser le mode édition avancée pour l'analyse des performances
// Fichier -> Préférences -> Mode édition avancée
Permet d'identifier les ralentissements du rendu.