Avant de commencer
Qui peut utiliser cette fonctionnalité
Disponible pour toutes les équipes et tous les forfaits
Toute personne disposant d'un accèspeut modifierà un fichier peut créer des sections
Organisez vos canevas à l'aide de sections étiquetées pour regrouper des idées connexes et guider les collaborateurs dans votre fichier.
Grâce aux sections, vous pouvez :
- désigner des zones dédiées à la collaboration ou à l'échange d'idées dans vos canevas ;
- organiser les fichiers pour faciliter la navigation ;
- établir un lien vers un regroupement de designs ;
- Marquer le contenu comme « prêt pour le développement » pour faciliter l'envoi aux développeurs
Les sections d'un design Figma sont un élément de premier niveau sur le canevas par défaut. Les sections peuvent contenir tous types de calques, y compris d'autres sections, mais ne peuvent pas être intégrées à des cadres ou à des groupes.
Créer une section
Il existe plusieurs manières de créer une section :
Barre d'outils et raccourci
- Cliquez sur Section dans la barre d'outils ou utilisez le raccourci clavier Maj S.
- Cliquez sur la position désirée de la section afin de la déposer dans les canevas.
Vous pouvez également cliquer sur une section et la faire glisser sur les objets que vous souhaitez y ajouter.
Sélection
- Sur les canevas, cliquez sur les objets que vous souhaitez ajouter pour les déposer dans une section.
- Cliquez avec le bouton droit sur la sélection et sélectionnez Envelopper dans une nouvelle section dans le menu.
Astuce : double-cliquez sur l'icône d'une section dans le panneau des Calques pour y accéder.
Ajouter des objets à une section
Il existe plusieurs manières d'ajouter des objets à une section :
- Déplacer une section sur un objet
- Redimensionner une section sur un objet
- Sélectionner et déplacer un objet dans une section à l'aide de la souris ou des touches fléchées du clavier
Modifier une section
Titre
- Double cliquez sur le titre de la section sur les canevas ou le panneau des calques.
- Modifiez le titre.
- Appuyez sur Retour ou Entrée.
Remplissage et contour
Modifiez la couleur de l'arrière-plan et de la bordure d'une section à l'aide des sections Remplissage et Contour de la barre latérale droite.
Découvrir comment ajouter des remplissages →
Découvrir comment appliquer et régler les propriétés du contour →
Partager une section
Vous pouvez orienter les collaborateurs vers une section spécifique de vos canevas en copiant un lien vers cette section.
- Sélectionnez la section que vous souhaitez partager.
- Cliquez sur Share dans la barre latérale de droite.
Marquer une section comme prête pour le développement
Une fois que le contenu d'une section est finalisé, vous pouvez marquer celle-ci comme prête pour le développement. Ainsi, vous facilitez le travail des développeurs en Dev Mode en leur signalant la section.
Pour marquer une section comme prête pour le développement :
- Sélectionnez la section.
- Cliquez sur Mark as ready for dev.
- Pour ne plus marquer une section comme prête pour le développement, cliquez sur le menu à trois points de l'étiquette Ready for dev et sélectionnez Remove ready status.
Remarque : marquer une section comme prête pour le développement n'empêche pas de modifier son contenu.
Mettez à jour le statut de développement
Après avoir marqué une section Ready for dev, si vous apportez des modifications au design, Figma change automatiquement le statut de développement en Changed. Le statut Modifié aide les développeurs à suivre les conceptions qui évoluent après avoir été marquées comme "ready for development".
Pour résoudre l'état modifié d'une section, cliquez sur l'indicateur de statut modifié et saisissez un motif pour la modification. Ensuite, le statut de développement revient à Ready for dev.
En savoir plus sur la gestion du processus de transfert aux développeurs →
Supprimer une section
Pour supprimer une section et son contenu :
- Sélectionnez la section.
- Appuyez sur Suppr/Retour arrière.
Pour supprimer une section sans supprimer son contenu :
- Sélectionnez la section.
- Utiliser le raccourci :
- Mac : CommandeSuppr
- Windows : ContrôleRetour arrière.
Prototypes et sections
Dans les prototypes, les sections permettent de connecter les flux entre différentes parties du design.
Lorsque vous créez une connexion à une section, Figma mémorise le dernier cadre consulté dans cette section et y revient automatiquement.