- Home
- UI Kit Libraries
- Lightning Design System
On the recordRead 9 Oct 202619 facts
Lightning Design System
On the record
- Accessibility
- The accessibility guidance recommends reviewing applications before release for WCAG 2.1 AA conformance.lightningdesignsystem.com · read 9 Oct 2026
- Accessibility patterns
- The accessibility guidance covers semantic HTML, color contrast, accessible forms, links, images, and ARIA use.lightningdesignsystem.com · read 8 Oct 2026
- AI coding
- The site describes using Agentforce Vibes with Figma designs and Salesforce DX MCP to generate Lightning Web Components and SLDS 2 code.lightningdesignsystem.com · read 9 Oct 2026
- Components
- The development guide recommends Lightning base components first, then component blueprints, then custom components when needed.lightningdesignsystem.com · read 8 Oct 2026
- Customization
- SLDS 2 uses CSS styling hooks to separate structure from visual design and support customization and theming.lightningdesignsystem.com · read 9 Oct 2026
- Design resources
- SLDS 2 includes reusable Figma components, style guides, design principles, and patterns.lightningdesignsystem.com · read 9 Oct 2026
- Developer preview
- Component-level styling hooks are a developer preview, may change or be deprecated, and the site says not to implement them in production.lightningdesignsystem.com · read 8 Oct 2026
- Development package
- The official @salesforce-ux/design-system-2 npm package contains production-ready CSS, themeable design tokens, and abstract User Interface Format definitions.lightningdesignsystem.com · read 9 Oct 2026
- Fonts
- SLDS uses device system fonts and lists SF Pro for Apple devices, Segoe UI for Windows, and Roboto for Android.lightningdesignsystem.com · read 9 Oct 2026
- Installation
- The site gives npm and Yarn commands for installing the SLDS 2 package.lightningdesignsystem.com · read 8 Oct 2026
- Integrations
- The Figma kits page lists UI libraries and pattern kits, including an SLDS 2 web components library and an agentic experience design library.lightningdesignsystem.com · read 9 Oct 2026
- Linter limit
- The site describes SLDS Linter as providing SLDS 2 verification; SLDS Validator supports SLDS 1 and SLDS 2 verification.lightningdesignsystem.com · read 8 Oct 2026
- Migration tool
- SLDS Linter checks code against SLDS 2 rules, suggests improvements, and can apply fixes in bulk.lightningdesignsystem.com · read 9 Oct 2026
- Package
- The official @salesforce-ux/design-system-2 package contains production-ready CSS, themeable design tokens, and abstract User Interface Format definitions.lightningdesignsystem.com · read 8 Oct 2026
- Platform limitation
- The site says the newest global styling hooks are available only in Lightning Experience and are not supported for Experience Cloud sites.lightningdesignsystem.com · read 9 Oct 2026
- Platform support
- The site says the newest global styling hooks are available in Lightning Experience and are not supported for Experience Cloud sites.lightningdesignsystem.com · read 8 Oct 2026
- Preview limitation
- Component-level styling hooks are a developer preview, and the site says not to use them in production.lightningdesignsystem.com · read 9 Oct 2026
- Purpose
- SLDS 2 provides reusable design tools and development guidance for building consistent Salesforce interfaces.lightningdesignsystem.com · read 9 Oct 2026
