Avant de commencer
Qui peut utiliser cette fonctionnalité
Figma Make est disponible pour les licences Full avec les forfaits payants.
Vous pouvez essayer Figma Make sur d'autres licences et forfaits.
Afin d'aider Figma Make à créer un prototype fonctionnel ou une application web qui réponde mieux à vos besoins et à vos attentes, vous pouvez fournir des directives dans le fichier Guidelines.md. Cela inclut des instructions sur la façon dont vous voulez que Figma Make se comporte en termes de codage et de personnalité, et comment utiliser des éléments tels que le contexte de style.
Ajouter des directives
Pour ouvrir le fichier de directives :
- En haut de Figma Make, cliquez sur Code.
- Dans l'explorateur de fichiers sur le côté gauche de l'éditeur de code, cliquez sur guidelines, puis Guidelines.md.
Des instructions, des bonnes pratiques et des exemples d'utilisation du fichier guidelines sont inclus dans le fichier lui-même. Pour des raisons pratiques, le contenu du fichier est disponible dans la section suivante.
Contenu du fichier Guidelines.md
Directives du système
Utilisez ce fichier pour fournir à l'IA les règles et directives que vous souhaitez qu'elle suive.
Ce modèle présente quelques exemples d'éléments que vous pouvez ajouter. Vous pouvez ajouter vos propres sections et les formater selon vos besoins.
CONSEIL : trop de contexte peut tuer le contexte. Cela peut induire le LLM en erreur. Essayez d'ajouter les règles les plus importantes dont vous avez besoin
# Directives générales
Toutes les règles générales que vous souhaitez que l'IA suive.
Par exemple :
* N'utilise le positionnement absolu que lorsque c'est nécessaire. Opte pour des mises en page réactives et bien structurées qui utilisent flexbox et grille par défaut.
* Refactorise le code au fur et à mesure pour le garder propre.
* Garde les tailles de fichiers réduites et place les fonctions d'aide et les composants dans leurs propres fichiers.
--------------
# Directives pour le design system
Règles sur la façon dont l'IA doit faire en sorte que les générations ressemblent au design system de votre entreprise
De plus, si vous sélectionnez un design system à utiliser dans l'interface de prompt, vous pouvez faire référence à des composants, des tokens et des variables de votre design system.
Par exemple :
* Utilise une taille de police de base de 14px.
* Les formats de date doivent toujours être au format « 10 juin ».
* La barre d'outils inférieure ne doit jamais contenir plus de 4 éléments.
* N'utilise jamais le bouton d'action flottant avec la barre d'outils inférieure.
* Les puces doivent toujours être utilisées en ensembles de 3 ou plus.
* N'utilise pas de menu déroulant s'il y a 2 options ou moins.
Vous pouvez également créer des sous-sections et ajouter des détails plus spécifiques.
Par exemple :
## Button
The Button component is a fundamental interactive element in our design system, designed to trigger actions or navigate
users through the application. It provides visual feedback and clear affordances to enhance user experience.
### Utilisation
Les boutons doivent être utilisés pour les actions importantes que les utilisateurs doivent effectuer, telles que les soumissions de formulaires, la confirmation de choix
ou l'initiation de processus. Ils communiquent l'interactivité et doivent avoir des étiquettes claires et orientées vers l'action.
### Variantes
* Bouton Principal
* Objectif : utilisé pour l'action principale dans une section ou une page
* Style visuel : gras, rempli avec la couleur principale de la marque
* Utilisation : un bouton principal par section pour guider les utilisateurs vers l'action la plus importante
* Bouton secondaire
* Objectif : utilisé pour les actions alternatives ou de soutien
* Style visuel : contour avec la couleur principale, fond transparent
* Utilisation : peut apparaître à côté d'un bouton principal pour des actions moins importantes
* Bouton tertiaire
* Objectif : utilisé pour les actions les moins importantes
* Style visuel : texte uniquement sans bordure, utilisant la couleur principale
* Utilisation : pour les actions qui doivent être disponibles mais non mises en avant