Design Systems Surf
Design Systems Database & Gallery·designsystems.surf
Design Systems Surf is a database of best-in-class Design Systems, organized and sorted by components and directories. It helps users study Design Systems from leading technical teams and search for component references, guidelines, and technical documentation. The site also sells downloadable design-system resources such as foundation guides, toolkits, and audits, and offers a membership/'Pro' unlock option.
What it's for
Features 13
- AI DS Playbook toolkit (Figma/Notion/PDF)
- AI DS Starter Stack guide
- AI-ready Design System Roadmap guide
- Blueprints (Checkbox, Chip, Radio button)
- Component and foundation references from top-tier tech companies
- Design systems database and gallery
- Downloadable Foundation guides (Typography, Color, Border, Spacing, Radius, Elevation, Layout, Motion)
- Foundation Stack bundle
- Login/account system
- Membership/Pro unlock option
- Popular Systems listings with links to Figma, Repository, and Storybook
- Search for a design system
- Typography Audit checklist
At a glance
Resources
Pricing
Prices shown are one-time purchase prices for individual digital products (PDF guides, Figma/Notion toolkits), ranging from Free to $699, not recurring monthly fees. A 'Pro' membership is referenced ('Unlock with Pro') and a 'Membership' nav section exists, but membership pricing is not publicly listed.
One-time purchase price $199
One-time purchase price $199
One-time purchase price $149
One-time purchase price $149
One-time purchase price $149
One-time purchase price $149
One-time purchase price $149
One-time purchase price $149
One-time purchase price $699 (bundle of foundations)
One-time purchase price $49 (Toolkit, Figma/Notion/PDF)
Free guide PDF
Free checklist (Notion)
Free guide PDF