A favicon of Lightning Design System 2

Lightning Design System 2

Explore design system documentation with foundations, components, patterns, and developer tools. Build consistent, accessible user interfaces efficiently.

Visit Lightning Design System 2
A screenshot of Lightning Design System 2Visit

Lightning Design System 2 provides a comprehensive framework for creating cohesive and accessible user experiences. It offers detailed documentation covering foundations like visual design principles, and extensive resources for development, including styling hooks and utility classes. Users can access a wide array of components and explore established design patterns such as Agentic Experiences, Builder patterns, Conversation Design, and Data Visualization. Key aspects include:

  • Accessibility Guidelines: Ensuring applications are usable by people of all abilities.
  • Developer Tools: Resources to aid in the efficient implementation of the design system.
  • Comprehensive Structure: Covering everything from initial setup to advanced development techniques and specific UI patterns like Notifications and Search.

This system supports teams in designing and building products with consistency and high standards.

Share:

Similar to Lightning Design System 2:

Craft consistent e-commerce UIs with flexible React primitives.
CompanyFigma+2 more
Build consistent user interfaces for e-commerce applications with a React-based design system. Access components, hooks, icons, and utilities.
Craft inclusive web apps with a proven design system.
CompanyFigma+1 more
Build intuitive, accessible web experiences at scale. Access UI guidelines, React components, design resources, and dev tools for faster, inclusive development.
Unified framework for cohesive product interfaces.
CompanyFigma+1 more
Establish consistent UI foundations across a product ecosystem. Unify diverse experiences with a comprehensive framework covering styles, expression, content, and accessibility.

Command Menu