Design Systems

Supercharge your design process to design great products in lower time and with less effort.

See how to measure and quantify your design system and how to get the most of it. Learn how to maximize your design system impact.

A component refers to an element that can perform a function by itself.

Gojek Design Language System

Dozens of design systems and pattern libraries that have been thoroughly analyzed for you. Learn, enjoy, contribute!

Aeonik has been used throughout Tottenham Hotspurs retail site – Spurs Shop.⁠⁠ Tottenham Hotspur Football Club, commonly referred to as Tottenham or Spurs, is an English professional football club in Tottenham, London, that competes in the Premier League. Aeonik has proven to be the perfect typeface for the clubs online retail store which receives millions of visitors every month.

A collection of Design Systems. A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as 'Voice and Tone'. Although “design systems”, “ui libraries”, and “pattern libraries” are different things, they are often used interchangeably. This list contains all three. Tags • Components: Contains coded patterns and examples. • Voice & Tone: Provides guidance on how language should be used. • UI Kit: Includes a Sketch/XD/Figma/etc. file for designers. • Source Code: Public source code

Your introduction to design systems, curated by @saura3h

LINE Design System is an integrated guideline for Component, interaction, and UX that make up the entire LINE design.

Components are key building blocks of the NewsKit design system.

The Best Plugins for Creating and Managing Design Systems in Figma.

The Component Gallery is a collection of components from the best Design Systems.

Toolabs is a web based platform for building user interface components where design and development come together and speak the same language.

Learn about Lion Parcel's Design System, Design Foundation and library of components.

Components are the reusable building blocks of our design system. Each component meets a specific interaction or UI need, and has been specifically created to work together to create patterns and intuitive user experiences.

Design, build, and ship coherent experiences with Nordhealth’s design system.

Graphite is PAQT's white-label design system for digital products and experiences.

Browse and download design systems files—all open and free on the Figma Community

Created with Figma

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.

“When we migrated to @figma a few years back, we opened up our toolbox to share how we use Figma to suit our needs and culture at Spotify Design. Check out our free Ways of Working resource, made for teams seeking more organization in their shared work: https://t.co/7HgRocCwz6”

“Setup a design system: Step-by-Step Interactive Handbook --> #designsystem #designtokens #designmetrics”

Freebie Friday 🎟️"Handoff helpers for user flows and screens" is a utility component for indicating status of your:– User flows– Individual screensAdding design context on canvas can nudge stakeholder collaboration in the right direction 🚃Enjoy!https://t.co/bAkL0eEjZo pic.twitter.com/huhpwFZ5aB— luis. (@disco_lu) October 7, 2022

Design Tokens 101 ⚡️ by @rominadesigner • What are #DesignTokens• How to set up design tokens and where to use them• Naming Conventions• Handoff process• The powerful features of the #FigmaTokens Plugin• #FigmaTokens Workshop• Resourceshttps://t.co/Ko26m7qMhO— Silvia Bormüller (@svorklab) September 19, 2022

An open source design system for your next travel project.

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.

The most comprehensive list (over 90 resources!) to help you master the ins and outs of design systems.

A Powerful Brand Powered by Frontify