Design · Website
Design Systems Surf
Curated database of real-world design systems, component patterns, and foundational frameworks
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.
What it's for
- Compare component patterns and anatomy across major tech companies
- Reference foundational tokens for color, typography, and spacing systems
- Prepare design system documentation and context for AI-assisted workflows
- Audit existing design systems against established industry benchmarks
Features
- Directory indexing design systems from dozens of tech companies
- Cross-system component library comparing states, anatomy, and behavior
- Foundations database covering tokens, accessibility rules, and typography scales
- Step-by-step blueprints, frameworks, and practical guides
- AI context mapping frameworks and AI-ready roadmaps
- Curated directory of Figma libraries
Pricing
Freemium. Free public directory and articles; Pro membership starts at $19/month for full product library access
Details
- Type
- Website
- Category
- Design
- Topic
- Design Systems
- Open source
- No
- Platforms
- Web
- For
- Product designers, design system engineers, and UI/UX leads
- Alternative to
- Component Gallery, Adele
- Tags
- design systems, ui components, design tokens, typography, inspiration, figma
Why it was saved
- @kalypsodesigns: Provides direct inspiration and benchmark references for components and foundations across top-tier UI teams.
Related
Curated collection of plain-text design systems extracted from popular tech websites.
Quick typography, color palette, and iconography reference for clean product interfaces.
Open-source, token-driven design system and Figma UI kit by GR8 Tech.
AI-readable DESIGN.md style references extracted from popular websites.
Architectural framework categorizing LLM workflows and autonomous agent patterns
Curated UI and UX checklists for websites, apps, and user flows
Updated