Loading video...

Video Failed to Load

Go Home

Open Design System Repository Discover 40+ open design systems that come with UI kits for Figma.

101babich's profile picture

Nick Babich

24,275 subscribers

40,160 views • 2 years ago •via X (Twitter)

Science & TechnologyArtsEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Figma just upgraded their UI for Design Systems
0:10

Figma just upgraded their UI for Design Systems

Zander Whitehurst

12,705 views • 6 months ago

Practical guide to creating design systems This guide offers practical tips for product audit, design alignment, creating specs, building components in Figma and defining metrics that will help you measure system success.
0:13

Practical guide to creating design systems This guide offers practical tips for product audit, design alignment, creating specs, building components in Figma and defining metrics that will help you measure system success.

Nick Babich

57,897 views • 2 years ago

Documenting Design Systems in Figma, supafast! ⚡️
0:13

Documenting Design Systems in Figma, supafast! ⚡️

Zander Whitehurst

108,410 views • 3 years ago

Design Systems Database Massive collection of best-in-class design systems with visual styles, components and references from leading UI teams.
0:14

Design Systems Database Massive collection of best-in-class design systems with visual styles, components and references from leading UI teams.

Nick Babich

221,415 views • 2 years ago

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →
0:14

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →

Abraham John 🦄🦓

36,275 views • 2 years ago

You can now use Figma for FREE with this tool. It's called Penpot. An open-source design tool that mirrors Figma's layout and workflow, free, self-hostable → MCP server lets AI agents edit your designs directly → Free Dev Mode with instant CSS, SVG, and HTML → Native design tokens keep design & code in sync → Real-time collaboration built in 100% Free. Open source.
0:13

You can now use Figma for FREE with this tool. It's called Penpot. An open-source design tool that mirrors Figma's layout and workflow, free, self-hostable → MCP server lets AI agents edit your designs directly → Free Dev Mode with instant CSS, SVG, and HTML → Native design tokens keep design & code in sync → Real-time collaboration built in 100% Free. Open source.

Simplifying AI

55,063 views • 6 days ago

Don’t build your Figma design system from scratch!
0:19

Don’t build your Figma design system from scratch!

Jan Mraz

28,804 views • 6 months ago

Open Design 0.8.0 turns assets, systems, prototypes, exports, and workflows into portable plugins agents can use. From dragging things around to composing capabilities. Open Design 0.8.0 is out now.
0:15

Open Design 0.8.0 turns assets, systems, prototypes, exports, and workflows into portable plugins agents can use. From dragging things around to composing capabilities. Open Design 0.8.0 is out now.

Open Design

109,869 views • 1 month ago

File upload component ⬆️ A complete design & code ecosystem. → [Create UI - Design System]™
0:16

File upload component ⬆️ A complete design & code ecosystem. → [Create UI - Design System]™

Chatto

71,769 views • 27 days ago

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜
0:14

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜

Abraham John 🦄🦓

84,261 views • 1 month ago

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.
0:16

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Nick Babich

266,750 views • 2 years ago

responsive dashboard design with Figma
0:18

responsive dashboard design with Figma

Dmitriy Bunin

19,155 views • 2 years ago

One-shot with Claude Fable 5, and this subscription plan UI is live (based on my design using Figma MCP).
0:12

One-shot with Claude Fable 5, and this subscription plan UI is live (based on my design using Figma MCP).

Maxim Kuznetsov

13,573 views • 1 month ago

Good to know: MinMax-M2 is one of the best model at UI design 👀 (it’s open source!)
0:13

Good to know: MinMax-M2 is one of the best model at UI design 👀 (it’s open source!)

Victor M

36,124 views • 8 months ago

Must-know open-source tools for coders and makers - open source library of 30 toggles - react gamification ui components - saas starter kit nextjs + tanstack - open source google analytics/ mixpanel alternative - design engineered data visualization components
0:14

Must-know open-source tools for coders and makers - open source library of 30 toggles - react gamification ui components - saas starter kit nextjs + tanstack - open source google analytics/ mixpanel alternative - design engineered data visualization components

Csaba Kissi

47,417 views • 25 days ago

French Open Ball Design
0:10

French Open Ball Design

Fabian Arbor

493,284 views • 3 months ago

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)
0:15

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

219,087 views • 4 months ago

UI cards I shared yestarday, but animated [on Framer] I made this website more than a year ago for UI Design & Systems course:
0:19

UI cards I shared yestarday, but animated [on Framer] I made this website more than a year ago for UI Design & Systems course:

Marina Budarina

18,894 views • 1 year ago

I’m open for new product design projects Daily Slack updates. Direct collaboration DMs open 💌
0:10

I’m open for new product design projects Daily Slack updates. Direct collaboration DMs open 💌

Murat Alpay

111,883 views • 5 months ago

Open-source template for your management projects. GitHub : Built with shadcn and Linear 's design.
0:13

Open-source template for your management projects. GitHub : Built with shadcn and Linear 's design.

LN

17,480 views • 1 year ago