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

Figma just upgraded their UI for Design Systems

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

Documenting Design Systems in Figma, supafast! ⚡️

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

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).show more

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 →show more

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

Don’t build your Figma design system from scratch!

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

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

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

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 💜show more

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

responsive dashboard design with Figma

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

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

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 componentsshow more

French Open Ball Design

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

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