Figma design system resources

A collection of Design Systems with Figma template, documentation on principles, and open-sourced codebase from all over the globe.

What kind of Design system are you looking for?

  • ๐Ÿ•น Components: Contains coded patterns and examples.
  • ๐Ÿ”Š Voice & Tone: Provides guidance on how language should be used.
  • ๐ŸŒˆ Design kit on Official website: Includes a Figma file for designers.
  • ๐Ÿ‘ฉโ€๐Ÿ’ป Source code: Publically viewable source code.


Some fo the resource come from Github: awesome design system, design system for Figma, and design system templates on Figma community, thanks to Alex Pate, Design Systems For Figma, and all people who contribute to this topic!

Oh, you just found another cool design system on Figma?

If you know a resource that isn't listed above, feel free to DM me to add one: