正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Nick Babich

24,406 subscribers

40,183 次观看 • 2 年前 •via X (Twitter)

科学技术艺术教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Figma just upgraded their UI for Design Systems

Figma just upgraded their UI for Design Systems

Zander Whitehurst

13,342 次观看 • 8 个月前

UI/UX Designers, here are some of the best DESIGN. md resources for AI coding you should bookmark: Styles → Design Systems → UI Components → Web Design → Design. md → Design Resources → Open Design → Design. md → What did I miss? ⬇️

UI/UX Designers, here are some of the best DESIGN. md resources for AI coding you should bookmark: Styles → Design Systems → UI Components → Web Design → Design. md → Design Resources → Open Design → Design. md → What did I miss? ⬇️

Abraham John 🦄🦓

51,961 次观看 • 16 天前

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.

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 次观看 • 2 年前

Documenting Design Systems in Figma, supafast! ⚡️

Documenting Design Systems in Figma, supafast! ⚡️

Zander Whitehurst

108,410 次观看 • 3 年前

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

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

Nick Babich

221,652 次观看 • 2 年前

Design System Checklist Open-source checklist that will help you plan, build and grow your design system. It covers design language, tokens, core components, and maintenance (support and documentation).

Design System Checklist Open-source checklist that will help you plan, build and grow your design system. It covers design language, tokens, core components, and maintenance (support and documentation).

Nick Babich

52,116 次观看 • 2 年前

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 →

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 次观看 • 2 年前

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.

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

57,267 次观看 • 2 个月前

Don’t build your Figma design system from scratch!

Don’t build your Figma design system from scratch!

Jan Mraz

28,804 次观看 • 8 个月前

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 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.

OpenDesign

110,109 次观看 • 4 个月前

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.

Simplifying AI

12,824 次观看 • 2 个月前

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

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

Chatto

81,101 次观看 • 3 个月前

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 💜

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 🦄🦓

86,466 次观看 • 4 个月前

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.

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

267,253 次观看 • 2 年前

responsive dashboard design with Figma

responsive dashboard design with Figma

Dmitriy Bunin

19,155 次观看 • 2 年前

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

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

Maxim Kuznetsov

14,222 次观看 • 3 个月前

Building a mobile app ui SHOULD be this easy. 1. Design in Figma 2. Open ExpressionUI plugin 3. Export the render data (not code) Display your UI in Flutter, React-Native, SwiftUI, or Kotlin. No generated code for you to maintain or edit. Expression UI plugin in progress Built with Flutter using Stacked 👀 #buildinpublic

Building a mobile app ui SHOULD be this easy. 1. Design in Figma 2. Open ExpressionUI plugin 3. Export the render data (not code) Display your UI in Flutter, React-Native, SwiftUI, or Kotlin. No generated code for you to maintain or edit. Expression UI plugin in progress Built with Flutter using Stacked 👀 #buildinpublic

Dane Mackier

14,317 次观看 • 2 年前

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

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

Victor M

36,124 次观看 • 11 个月前

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

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

49,020 次观看 • 3 个月前

French Open Ball Design

French Open Ball Design

Fabian Arbor

495,096 次观看 • 5 个月前