Designer kits

74 design systems

These design systems publish a kit for designers: a Figma library, a Sketch file, or older Photoshop and Adobe XD assets. A good kit mirrors the coded components, with the same names, variants and tokens, so designs hand off cleanly to engineering.

Kits from large systems such as Material Design, Fluent, Carbon, Polaris and Spectrum are often published on the Figma Community, where you can duplicate them into your own drafts. They are a quick way to study how a mature team structures variants, auto layout and color styles before you build your own library.

Kits are usually licensed for designing products on that platform, for example Shopify apps or Salesforce integrations, rather than for reuse as a general UI kit. Check the terms on each kit's page.

Adobe's design system behind Creative Cloud and Document Cloud, shipped as React Spectrum and Spectrum Web Components.

ReactWeb Componentsupdated today
  • Components: yes
  • Voice: yes
  • Kit: yes
  • GitHub
Amplify UI

Amazon Web Services in Big tech

1.1k

Cloud-connected UI components for apps built on AWS Amplify, for React, Angular, Vue and more.

ReactVueAngularupdated today
  • Components: yes
  • Voice: yes
  • Kit: yes
  • GitHub

Duet, the web component design system of the Finnish insurer LocalTapiola.

Web Components
  • Components: yes
  • Voice: no
  • Kit: yes
  • Code: no

Microsoft's Fluent components for React, web components, iOS and Android.

ReactWeb ComponentsiOSAndroidupdated today
  • Components: yes
  • Voice: yes
  • Kit: yes
  • GitHub

IBM's open-source design system, with React, web component and Angular implementations.

ReactAngularWeb Componentsupdated today
  • Components: yes
  • Voice: yes
  • Kit: yes
  • GitHub

Built on the open alexpate/awesome-design-systems list by its contributors, released under the Unlicense. Design Systems Gallery is an independent project, not affiliated with the list's maintainers.

About Synced Oct 16, 2026

© 2026 Design Systems Gallery

Esc

Type to search every entry. ↑↓ to move, Enter to open.