Utiliser des composants en bêta

Afin de vous faire bénéficier du travail effectué par l'équipe du DSFR en amont des sorties “officielles”, nous mettons à disposition des composants et modèles qui sont utilisables dans vos prototypes et maquettes Sketch et/ou Figma.

Cela vous permet également de nous remonter d'éventuels problèmes constatés sur les librairies ou la documentation mise à disposition ainsi que tout autre retour d’ordre fonctionnel permettant d’améliorer le composant ou le modèle avant sa sortie via le formulaire dédié.

Note

Attention, les éléments d’interface présenté dans cette section sont en phase bêta, et sont donc susceptibles d'être modifiés avant leur mise en production. Il est donc recommandé de les utiliser avec précaution dans vos maquettes !

Spécificité sur Sketch

Sur Sketch, les composants et modèles sont disponibles dans la librairie et les fichiers dédiés :

  • Dans la librairie « Système de Design de l’État · Core », une section est présente dans l’arborescence “2. Composants/📝 — [Bêta] Composants —”.
capture d'écran composants en bêta dans le core<br>
  • Dans le fichier de planches de fondamentaux et composants, « Système de Design de l'État · Fondamentaux, Composants », une section est dédiée aux composants en avance de sortie “[Bêta] Composants”.
capture d'écran bêta dans les fondamentaux<br>
  • Dans le fichier de modèles, « Système de Design de l'État · Modèles », les modèles de pages sont préfixées en “[Beta] Nom du modèle”.
capture d'écran bêta dans le fichier des modèles<br>

Spécificité sur Figma

Sur Figma, les composants et modèles sont disponibles dans un fichier dédié bêta disponible sur Community.

Besoin d'aide ?

L’équipe du DSFR est là pour vous aider.