figma UI kits and component libraries

best figma design systems

MUI

MUI offers a comprehensive suite of free UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

3 views

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

3 views

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

2 views

Cabana

Cabana is a comprehensive design system and UI kit tailored for Figma and Framer, enabling you to create stunning interfaces rapidly. Trusted by over 20,000 designers and developers, it offers powerful components and customization options to elevate your design skills.

5 views

Wedges

Design faster, smarter, and level-up your design skills. Wedges is a free, ever-expanding design system for Figma and React. Lovingly crafted with the Radix UI and Tailwind CSS.

8 views

Shopify Polaris

Polaris prioritizes efficiency and intuitive interactions, catering to the dialy tasks merchants perform everyday.

Disy

Disy is a minimalist Design System/UI Kit to help you build human-centered product experience in Figma.

Chakra UI

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

2 views

Blank

Design top-notch websites and apps in Figma in minutes, taking advantage of Blank.

Tremor Blocks

Get access to 250+ carefully crafted blocks and every template to build dashboards, apps, and websites even faster.

Reshaped

Professionally crafted React & Figma components for building beautiful products or starting your own design system.

5 views

Cal DS

Cal DS is a Figma design system and React Storybook that is used to build Cal.com.

Medusa UI

Medusa UI, a React implementation of the Medusa Figma design system. It is a collection of components, hooks, utility functions, icons, and Tailwind CSS classes that can be used to build a consistent user interface across the Medusa Admin and other Medusa applications.

Cloudscape

Cloudscape offers user interface guidelines, front-end components, design resources, and development tools for building intuitive, engaging, and inclusive user experiences at scale. Get started

Untitled UI

Untitled UI is the largest UI kit and design system for Figma in the world. Kickstart any project, save thousands of hours, and level up as a designer.

8 views

NuxtUI

Nuxt UI simplifies the creation of stunning and responsive web applications with its comprehensive collection of fully styled and customizable UI components designed for Nuxt.

2 views

Atlassian Design System

Use Atlassian's end-to-end design language to create simple, intuitive and beautiful experiences.

2 views

Frames X

Outperform your design competition with the most advanced & world's-largest UI design system library for Figma. Frames X includes UI components, charts, and templates to build your project at a lower cost and much faster.

Wise Design

It covers both their brand and product design systems, and helps them create consistent, high-quality experiences for their users — from button to billboard.

Nord Design System

Nord Design System is a collection of reusable components and tools, guided by clear standards, that can be assembled together to build digital products and experiences.

Relume

Use AI as your design ally, not as a replacement. Effortlessly generate sitemaps, wireframes, and high-fidelity designs for marketing websites in minutes with Relume’s AI website builder, Figma design system, Webflow library, and React components.

Human Interface Guidelines

Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.

Elastic UI

The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts.

Paste

Paste is the design system for designing and building consistent experiences at Twilio. It is made up of tokens and components, along with in-depth documentation to assist designers and developers faced with solving our customers’ problems. It is open source and contributions are welcome.

Carbon Design System

With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

WPDS

WPDS enables designers and developers at the Post to ship reader-facing digital products that are modular, elegant and accessible while maintaining visual consistency at scale.

Pajamas

The Pajamas design system is the single source of truth for everything anyone needs to know about contributing to GitLab.

Primer Design System

Primer is built for GitHub by GitHub. Its guidelines are a collection of open source principles, standards, and recommendations for designing GitHub. As a design language, Primer provides common grammar and vocabulary to build cohesive, accessible, responsive, and efficient experiences.

Helsinki Design System

Helsinki Design System (HDS) is an open-source design system built by the City of Helsinki. It consists of tools for development and design as well as resources and guidelines for creating user-friendly, accessible solutions for the city.

Evergreen

Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment.

GOV.UK Design System

Use this design system to make government services consistent with GOV.UK. Learn from the research and experience of other service teams and avoid repeating work that’s already been done.

Ontario Design System

The Ontario Design System includes things like buttons, navigation and form fields — and defines how they should look and behave.

U.S. Web Design System (USWDS)

We make it easier to build accessible, mobile-friendly government websites.

UI Prep

Premium design system UI kit for Figma to help you jump start your next project, learn best practice, and make advanced Figma features feel easy.

Vibe Design System

It contains a set of design guidelines and UI components that app developers can leverage to design a monday.com-inspired app. The system is a powerful resource to build your app with user engagement and experience in mind to provide a cohesive experience across your app and the platform itself.

Red Hat Design System

Using Red Hat brand standards and PatternFly as our foundational design language, we enable designers and developers to concurrently build branded experiences across redhat.com, Red Hat Customer Portal, and beyond.

Thumbprint

Thumbprint is a living system that streamlines the design and development process through consolidation, standardization, and documentation. By reducing decision-making friction, we free teams to focus on higher-order problems while increasing quality and consistency for Thumbtack’s customers.

AlignUI

AlignUI is an advanced design system for Figma that offers comprehensive and high-quality components, as well as customizable dashboards, widgets, and templates tailored for different sectors and purposes. The best feature of AlignUI is its ability to enable users to easily customize components with lightning-fast speed, thanks to its clean and organized structure.

2 views

Workbench by Gusto

Workbench is an extensive product that encompasses our design philosophy, design tokens, creative assets, React components, utilities—and documentation to tie it all together.

Camp Design System

It is the foundational styles and components on which we build ActiveCampaign and is the design bridge between our brand and our platform. Our goal is to drive consistency throughout our products as we grow, making it easier to scale both design and engineering. Camp is a set of components, tools, and resources that help build and maintain consistency with ease.

Fluent 2 Design System

Explore the next evolution of Microsoft’s design system, enabling more seamless collaboration and creativity than ever. Move fluidly from design to development, between apps, and across platforms.