14 Design Systems websites and places (all free)
14 Design Systems resources, picked out of 7 saved Instagram reels and 8 liked tweets, from creators like @_heyrico, @kalypsodesigns, @adrien.ninet. 14 of them are free, freemium or open source.
Awesome DESIGN.md is an open-source repository containing ready-to-use DESIGN.md files modeled after well-known brands and developer tools like Notion, Linear, and Stripe. Based on the Google Stitch specification, each markdown document captures color palettes, typography scales, layout rules, and component patterns. Developers can drop these files into their project roots so AI coding agents understand and replicate specific design languages.
A compact reference of practical design tokens distilled from polished software interfaces. It provides specific font choices, type scales, and hex palettes for both light and dark modes to help build neutral SaaS or AI product UIs.
Modulor is an open-source design system created by GR8 Tech to help teams design and build products faster. It includes a comprehensive library of reusable Figma components, light and dark theme assets, and design tokens to streamline the handoff to developers.
Refero Styles is a browsable directory of over 2,000 design systems extracted from top product websites into machine-readable formats. Each style profile breaks down color tokens, typography scales, spacing, shadows, and component rules so AI coding assistants can generate consistent, polished UIs.
An architectural taxonomy based on Anthropic's research that classifies LLM applications into structured workflows and autonomous agents. It breaks down design patterns ranging from basic prompt chaining to dynamic tool-use feedback loops, helping developers choose the simplest reliable architecture for a task.
Checklist Design is a reference library of over 100 structured UI and UX checklists covering pages, components, and interaction flows. It details the essential elements, edge cases, and best practices needed across desktop and mobile interfaces to ensure designs are complete before launch. It is also accessible directly via a Figma plugin and skill.
A practical styling blueprint providing concrete values for typography, grayscale hierarchy, icon sizing, and corner radii. It distills the clean, minimal SaaS look into five straightforward rules based on the Alpaca Labs interface. It serves as a fast reference for styling modern dashboards and apps without guessing design tokens.
Design System Checklist is a free, open-source guide designed to help product teams plan, build, and maintain design systems. It breaks down the process into structured categories covering design language, foundational tokens, core components, and long-term maintenance. It gives teams a clear reference point so they do not miss crucial elements during development.
Design Systems Surf is a directory and reference library comparing design systems from leading tech companies like Apple, Google, and Microsoft. It indexes thousands of real-world components, design tokens, and foundation rules alongside practical guides and frameworks for building AI-ready design workflows.
getdesign.md is a catalog of over 550 design system analyses from recognizable tech brands and websites, formatted as structured Markdown documents. It provides coding agents like Cursor, Claude Code, and ChatGPT with design references—including colors, typography, spacing, and component rules—to avoid generic AI aesthetics and ensure consistent styling.
Hey Design Systems! is an organized directory curated by Saurabh Yadav that introduces designers and developers to design systems. It gathers structured guides on designing, documenting, governing, and measuring systems alongside case studies, tools, and reading lists. It is a practical starting point for anyone looking to build or manage design architecture from scratch.
The Design System Guide is an educational hub created by Romina Kavcic focused on creating and managing design systems. It offers structured frameworks, token architectures, inventory templates, and courses on integrating AI into design system workflows. It also features a curated knowledge base and newsletter for design system practitioners.
UI Design Dos and Don'ts is Apple's quick-reference guide covering fundamental interface principles for iOS and iPadOS. It provides clear baseline rules for touch targets, typography, contrast, spacing, and asset resolution, making it a reliable reference for designers or for feeding into AI coding tools like Cursor as custom context.
An essay and mental model by Wayne Hamadi reframing AI agents as systems that act autonomously and proactively by mirroring a specific human worker's reward system. It argues that agent builders waste time on complex multi-agent frameworks, vector databases, and memory architectures instead of deeply understanding the business process and designing granular evals.