Lightning Design System 2 (SLDS 2) est la deuxième génération du système de conception officiel de Salesforce, conçu pour créer des interfaces utilisateur cohérentes, accessibles et évolutives dans les applications construites sur la plateforme Salesforce notamment Sales Cloud, Service Cloud, Experience Cloud, et les apps personnalisées via Lightning Web Components.
Il sert de cadre visuel et technique unifié pour tous les produits Salesforce, tout en permettant aux partenaires et clients d’intégrer leur propre identité visuelle (branding) sans briser l’expérience utilisateur globale.
Structure du système :
- Get Started → Guide de démarrage rapide pour designers et développeurs.
- AI and SLDS 2 → Intégration des principes d’IA générative dans le design (ex: prompts, interactions contextuelles).
- Foundations → Couleurs, typographies, espacements, grid, design tokens, principes UX.
- Develop → Documentation technique, composants HTML/CSS/JS, intégration avec LWC.
- Components → Bibliothèque de composants prêts à l’emploi (boutons, formulaires, tableaux, modales, etc.).
- Patterns → Solutions éprouvées pour des cas d’usage récurrents (ex: gestion de données, workflows complexes).
- Accessibility → Conformité WCAG 2.1 AA, tests automatisés, support ARIA.
- Tools → Kits Figma, plugins, outils de thématisation, validateurs de style.
- SLDS 1 → Accès à la version précédente pour les projets legacy.
Pourquoi c’est puissant ?
- Écosystème unifié : Tous les produits Salesforce utilisent SLDS 2 → expérience cohérente pour les utilisateurs.
- Personnalisation contrôlée : Les clients peuvent appliquer leur propre branding via les tokens de design sans casser l’accessibilité ou la structure.
- Open source : Disponible publiquement sous licence BSD → idéal pour les développeurs et partenaires.
- Centré sur les données et les métiers : Optimisé pour les interfaces B2B complexes (CRM, tableaux de bord, analytics, workflows).
- Mise à jour continue : Version “Winter ’25” indique un cycle de mise à jour trimestriel aligné sur les releases Salesforce.
Ressources utiles :
- Site officiel : https://www.lightningdesignsystem.com
- GitHub : https://github.com/salesforce/design-system
- Figma Community : Recherchez “Lightning Design System” pour accéder aux kits officiels.