Fluent 2 Design Kits
Explore Microsoft’s public UI kits and learn how components, tokens, and accessibility work together.
By Microsoft Design
Creator credited · original source linkedFigma
FreeCurated resource
Lightning Design System — web kit (v1)
A classic component library for studying or maintaining SLDS 1 interfaces. Match it to your project’s version; it is not the newer SLDS 2 kit.
- Format
- Figma
- Access
- Figma account; referenced foundation libraries may need separate duplication
- Added to the library
- 19 September 2026
Opens the original website in a new tab. Check current access and license terms there.
A LITTLE CONTEXT
Make it your own.
Don’t start from a blank frame. Start with one thing you can use today, adapt it to the problem you’re solving, and be ready to explain why it helps.
- Use it as a starting point, not a replacement for your thinking.
- Test it with real content and real constraints.
- Credit the creator and respect the terms before sharing your work.
Tools are a start. Want feedback on how you’re using them?
Get another pair of eyes