Le WordPress Design System est une présentation Figma de l’écosystème de blocs Gutenberg. Il sert de source de vérité et de référence pour les designers travaillant sur des projets WordPress FSE.
Son objectif est de fournir tous les éléments nécessaires pour concevoir des sites Web et des thèmes qui peuvent être construits nativement avec les Blocs WordPress, sans déviation coûteuse vers le Headless.
Contenu typique (confirmé par le contexte FSE)
- Composants de l’éditeur : des composants reproduisant l’interface même de l’éditeur Gutenberg (la barre latérale des réglages, la barre d’outils supérieure, les Modèles de Blocs, etc.).
- Blocs natifs : des composants réutilisables pour tous les Blocs WordPress natifs (Ex: Boutons, Images, Groupes, Colonnes, Cartes) avec leurs Variants représentant les styles par défaut (Primaire, Secondaire, etc.).
- Design Tokens/Variables : les Styles de couleurs, typographie et espacements qui correspondent aux valeurs par défaut de WordPress (ou qui sont destinés à être encodés dans le
theme.json). - Principes de Design : des pages documentant les meilleures pratiques pour utiliser ces Blocs et les assembler en Block Patterns.
Explorer les thématiques : WordPress