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

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.
Categories:
Similar to Lightning Design System 2:
The definitive Figma UI kit. Design faster, elevate skills.
FigmaWebflow
Build stunning Figma designs faster with a massive UI kit. Access 10k+ components, 420+ page examples, variables, Auto Layout 5.0, and save countless hours.
Build beautiful, accessible React UIs faster.
CompanyFigma+2 more
Build UIs faster with open-source, accessible React components. Highly customizable, leveraging Radix UI and Tailwind CSS for modern, professional interfaces.
Ship beautiful React UIs faster with versatile components.
FigmaReact+1 more
Build React applications faster with a simple, customizable, and accessible component library. Use Material Design or integrate your own design system.