Design systems
Blog
A collection of Design Systems for
Figma
from all over the globe 🌎 backed by code.
Filtering by:
Tag
Showing
0
results of
0
items
Search By Keyword
Clear
Language
Android
Angular
Java
JavaScript
Other
React
React Native
TypeScript
Vue
Web Components
iOS
Theming Support
Dark Mode
Design Tokens
N/A
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
AWS Amplify
Amazon Web Services
Languages:
Angular
React
iOS
Vue
Other
Theming Support:
N/A
Airtable UI Kit
Airtable
Languages:
TypeScript
Theming Support:
N/A
Animalia Design System
TOTVS
Languages:
Web Components
Theming Support:
Dark Mode
Design Tokens
Ant Design System
Ant Group
Languages:
React
TypeScript
Theming Support:
Dark Mode
Design Tokens
Atlassian Design System
Atlassian
Languages:
React
Theming Support:
Dark Mode
Design Tokens
Backstage Design System
Spotify
Languages:
React
TypeScript
Theming Support:
Dark Mode
Base Design System
Uber
Languages:
React
TypeScript
Theming Support:
Dark Mode
Design Tokens
Bold Design System
Laboratório Bridge
Languages:
React
Theming Support:
Dark Mode
Carbon Design System
IBM
Languages:
Angular
React
Vue
Theming Support:
Dark Mode
Chakra UI
Chakra UI
Languages:
React
TypeScript
Other
Theming Support:
Dark Mode
Clarity
VMware
Languages:
Angular
Theming Support:
Dark Mode
Cloudscape Design System
Amazon Web Services
Languages:
React
TypeScript
Theming Support:
Dark Mode
Design Tokens
DESY
Government of Aragon
Languages:
Angular
Other
Theming Support:
N/A
Decathlon Design System
Decathlon
Languages:
Android
React
iOS
Vue
Other
Theming Support:
Dark Mode
Design Tokens
Elastic UI
Elastic
Languages:
React
Theming Support:
Dark Mode
Evergreen
Segment
Languages:
React
Theming Support:
N/A
Finastra Design System
Finastra
Languages:
Angular
Theming Support:
Dark Mode
Fiori
SAP
Languages:
Android
iOS
Other
Theming Support:
Dark Mode
Design Tokens
Flamingo Design System
Heetch
Languages:
React
Theming Support:
N/A
Flowbite Design System
Flowbite
Languages:
JavaScript
TypeScript
Vue
React
Other
Theming Support:
Dark Mode
Fluent Design System
Microsoft
Languages:
React
TypeScript
iOS
Other
Theming Support:
Dark Mode
Design Tokens
Forma 36
Contentful
Languages:
React
Theming Support:
N/A
Friday Design System
mobileLIVE
Languages:
Angular
React
Theming Support:
N/A
GOV.UK Design System
Government Digital Service
Languages:
Other
Theming Support:
N/A
Garden
Zendesk
Languages:
React
Theming Support:
N/A
Goldman Sachs Design System
Goldman Sachs
Languages:
No items found.
Theming Support:
Dark Mode
Design Tokens
Horizon Design System
ServiceNow
Languages:
Web Components
Other
Theming Support:
Dark Mode
Design Tokens
Human Interface Guidelines
Apple
Languages:
iOS
Theming Support:
Dark Mode
Intergalactic
SEMRUSH
Languages:
React
Theming Support:
N/A
Lexicon Design System
Liferay
Languages:
React
Theming Support:
N/A
Lightning Design System
Salesforce
Languages:
Android
React
iOS
Other
Theming Support:
Design Tokens
Luna Design System
Sainsbury's
Languages:
React
Other
Theming Support:
Design Tokens
Material Design
Google
Languages:
Android
iOS
Other
Theming Support:
Dark Mode
Design Tokens
Material-UI
Material-UI
Languages:
React
TypeScript
Theming Support:
Dark Mode
Microsoft Teams UI Kit
Microsoft
Languages:
React
TypeScript
Theming Support:
Dark Mode
Design Tokens
Moon Design System
Yolo Group
Languages:
React
TypeScript
Theming Support:
Design Tokens
NativeBase
NativeBase
Languages:
React Native
Theming Support:
Dark Mode
NewsKit Design System
News Corp UK & Ireland Limited
Languages:
TypeScript
React
Theming Support:
Dark Mode
Design Tokens
Orbit
Kiwi.com
Languages:
Android
iOS
React
Theming Support:
Design Tokens
Pajamas
GitLab
Languages:
Vue
Theming Support:
N/A
Palmetto Design System
Palmetto
Languages:
React
TypeScript
Theming Support:
Dark Mode
Design Tokens
Paradigm
Mail.ru
Languages:
React
Theming Support:
Design Tokens
Paste
Twilio
Languages:
React
TypeScript
Theming Support:
Dark Mode
Design Tokens
Pluralsight Design System
Pluralsight
Languages:
React
TypeScript
Other
Theming Support:
Dark Mode
Design Tokens
Polaris Design System
Shopify
Languages:
React
TypeScript
Theming Support:
Dark Mode
Design Tokens
Porche Design System
Porche
Languages:
JavaScript
React
Vue
Theming Support:
Dark Mode
Design Tokens
Primer
GitHub
Languages:
React
Other
Theming Support:
Dark Mode
Design Tokens
Radius
Rangle.io
Languages:
React
TypeScript
Theming Support:
Dark Mode
Design Tokens
Salt Design System
JPMorgan Chase & Co.
Languages:
React
TypeScript
Theming Support:
Dark Mode
Design Tokens
Slack Block Kit
Slack
Languages:
Java
JavaScript
Theming Support:
N/A
SmartHR Design System
SmartHR
Languages:
React
TypeScript
Theming Support:
Design Tokens
U.S. Web Design System (USWDS)
General Services Administration
Languages:
No items found.
Theming Support:
Design Tokens
UI2
Figma
Languages:
Other
Theming Support:
N/A
UNDP Design System
United Nations Development Programme
Languages:
JavaScript
Theming Support:
N/A
VKUI
VK.com
Languages:
React
TypeScript
Theming Support:
Dark Mode
Design Tokens
VTEX Design System
VTEX
Languages:
React
TypeScript
Theming Support:
N/A
Vaadin Design System
Vaadin
Languages:
Java
TypeScript
Theming Support:
Dark Mode
Design Tokens
Vibe Design System
Monday.com
Languages:
React
TypeScript
Theming Support:
Design Tokens
Watt Design System
Holaluz
Languages:
Vue
Theming Support:
N/A
Wix Design System
Wix
Languages:
React
TypeScript
Theming Support:
N/A
