正在加载视频...

视频加载失败

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

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

Nick Babich

24,275 subscribers

40,160 次观看 • 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

12,720 次观看 • 6 个月前

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,415 次观看 • 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

56,370 次观看 • 15 天前

Don’t build your Figma design system from scratch!

Don’t build your Figma design system from scratch!

Jan Mraz

28,804 次观看 • 6 个月前

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.

Open Design

109,988 次观看 • 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

80,596 次观看 • 1 个月前

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

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

85,360 次观看 • 2 个月前

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

266,750 次观看 • 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

13,573 次观看 • 1 个月前

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 次观看 • 9 个月前

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

48,063 次观看 • 1 个月前

French Open Ball Design

French Open Ball Design

Fabian Arbor

493,284 次观看 • 3 个月前

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

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

📐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)

📐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 次观看 • 4 个月前

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

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

Murat Alpay

111,883 次观看 • 6 个月前