Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & TeknolojiSanatEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Figma just upgraded their UI for Design Systems
0:10

Figma just upgraded their UI for Design Systems

Zander Whitehurst

12,705 görüntüleme • 6 ay önce

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 görüntüleme • 2 yıl önce

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

Documenting Design Systems in Figma, supafast! ⚡️

Zander Whitehurst

108,410 görüntüleme • 3 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

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

Don’t build your Figma design system from scratch!

Jan Mraz

28,804 görüntüleme • 6 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 22 gün önce

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 görüntüleme • 1 ay önce

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,704 görüntüleme • 2 yıl önce

responsive dashboard design with Figma
0:18

responsive dashboard design with Figma

Dmitriy Bunin

19,155 görüntüleme • 2 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 21 gün önce

French Open Ball Design
0:10

French Open Ball Design

Fabian Arbor

490,112 görüntüleme • 3 ay önce

📐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 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce

We’re tired of AI “slop” designs. You should be proud of what you build on Replit ⠕—Introducing design systems: - Core customers: customize and re-use themes - Enterprise customers: import Figma design system or npm packages Say no to slop, ship quality
0:16

We’re tired of AI “slop” designs. You should be proud of what you build on Replit ⠕—Introducing design systems: - Core customers: customize and re-use themes - Enterprise customers: import Figma design system or npm packages Say no to slop, ship quality

Amjad Masad

125,936 görüntüleme • 10 ay önce