GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Read article
  • Accessibility60+ sources
  • Read article
  • Figma Libraries40+ sources
  • Read article
  • Switch Component80+ sources
  • Read article

This view

  • Original page
  • New address

GeezerVison is showing designsystems.surf — Design System Resources and Tools

Libraries
Resources

Products

Pricing

Search for a design system

Get Pro

Log in

Get Pro

Log in

Build, improve, and maintain your _

Build, improve, and maintain your design system

Explore plans

Explore plans

Browse products

Browse products

For every stage of design system work, from first decisions to ongoing improvements

Trusted by designers from

Practical products, tools, and references for your design system

DSS PRO

I've loaded your Foundation context and key decisions. What would you like to review first?

Figma

AI context

Docs

▌

DSS PRO

I've loaded your Foundation context and key decisions. What would you like to review first?

Figma

AI context

Docs

▌

Make the next decision easier

Use practical products and guidance to make better decisions and move from ideas to a clearer design system

Explore Pro

Typography system guide: structure (size, font, weight, height, and spacing)

Typography System 101

Read article

Accessibility

60+ sources

Explore foundations

Button component context mapping for AI design systems

Why AI doesn’t understand your design system

Read article

Figma Libraries

40+ sources

Explore libraries

Creating a design system in Figma: Button component anatomy

How to create a design system in Figma

Read article

Switch Component

80+ sources

Explore components

Building blocks of great design systems

5 building blocks of great design systems

Read article

  • Typography system guide: structure (size, font, weight, height, and spacing)

    Typography System 101

    Read article

  • Accessibility

    60+ sources

    Explore foundations

  • Button component context mapping for AI design systems

    Why AI doesn’t understand your design system

    Read article

  • Figma Libraries

    40+ sources

    Explore libraries

  • Creating a design system in Figma: Button component anatomy

    How to create a design system in Figma

    Read article

  • Switch Component

    80+ sources

    Explore components

  • Building blocks of great design systems

    5 building blocks of great design systems

    Read article

Learn from real systems, foundations, and components to make stronger product decisions

Design Systems

Foundations

Components

Articles

Blueprints

Latest updates

Free Typography Audit to find what needs attention first

Product

September 17, 2026

Maersk Design System is now in the library

Design system

September 3, 2026

Build reusable AI agents for design system workflows

Product

August 25, 2026

Arbetsförmedlingen Design System added to the library

Design system

August 19, 2026

Everything you need for ongoing maintenance and updates

Complete library

Access every product

Review our design system

Review our design system

Agent

Analyzing system context across design and documentation

Analyzing system context across design and documentation

Built for AI-ready workflows

Subscription gives you access to the complete product library, ongoing updates, and new premium resources as they are released

Explore plans

Explore plans

Mon

30

+1

One new resource every month

New premium resources included

Included in Pro · From $19/month

View all products

Color Foundation token panel: a blue-400 value mapped to the bg.intent.accent role

System

Color Foundation

Build a color system with semantic roles, tokens, and accessible usage rules

View product

Color Foundation token panel: a blue-400 value mapped to the bg.intent.accent role

System

Color Foundation

Build a color system with semantic roles, tokens, and accessible usage rules

View product

Design System Goals priority board weighing component consistency against visual polish

Framework

Design System Goals

Define why your design system exists, what should change, and the priorities guiding it

View product

Design System Goals priority board weighing component consistency against visual polish

Framework

Design System Goals

Define why your design system exists, what should change, and the priorities guiding it

View product

Typography Foundation token panel: Display style mapped to font, weight, and size tokens

System

Typography Foundation

Create a consistent type system with scales, roles, tokens, and implementation rules

View product

Typography Foundation token panel: Display style mapped to font, weight, and size tokens

System

Typography Foundation

Create a consistent type system with scales, roles, tokens, and implementation rules

View product

Explore how leading product teams structure foundations and components

Google

Material Design

Google

Material Design

Microsoft

Fluent 2

Microsoft

Fluent 2

Apple

HIG

Apple

HIG

Adobe

Spectrum

Design systems

Compare structure, docs, components, patterns, and the decisions behind each one

Explore design systems

Typography token card: a Headline MD Strong style with font, weight, and size values

1,000+ sources

Directories

Compare typography, color, spacing, tokens, and other foundations to see how different systems structure their core decisions

Explore directories

Typography token card: a Headline MD Strong style with font, weight, and size values

1,000+ sources

Directories

Compare typography, color, spacing, tokens, and other foundations to see how different systems structure their core decisions

Explore directories

Button component annotated with its color, type, and radius tokens

2,500+ sources

Components

Browse component patterns to compare anatomy, states, behavior, usage, and implementation across different systems

Explore components

Button component annotated with its color, type, and radius tokens

2,500+ sources

Components

Browse component patterns to compare anatomy, states, behavior, usage, and implementation across different systems

Explore components

Go deeper with practical guides, ideas, and insights

Cover for the article AI-ready design systems

May 14

22 min read

AI-ready design systems: how to build a system that works for people, code, and AI

Most design systems already contain the assets AI needs. What they often lack is the context that explains which decisions are current, approved, and safe to reuse.

Ilya Greben

Cover for the article AI-ready design systems

May 14

22 min read

AI-ready design systems: how to build a system that works for people, code, and AI

Most design systems already contain the assets AI needs. What they often lack is the context that explains which decisions are current, approved, and safe to reuse.

Featured articles

Cover for the article on repeatable AI-prompt workflows in design systems

Jul 27

7 min read

Why a good AI prompt is not yet a repeatable design-system workflow

Cover for the article on when a token library becomes usable system data

Jul 14

8 min read

When does a token library become usable system data?

Cover for the article on where AI starts guessing in a design system

May 30

9 min read

Where AI starts guessing first in your design system

Explore all articles

Helping designers turn scattered work into stronger systems

Design Systems Surf helped us move from scattered decisions to a clearer system structure. It gave us a practical way to think through tokens, docs, and handoff without getting stuck

Portrait of Dmitry Rypinsky, Product Designer

Dmitry Rypinsky

Product Designer

It gave me a clearer picture of where AI can save time in design-system work while leaving the important decisions and quality checks with the team

Danial Shirali

Product Designer

It's been quite helpful to wrangle all of these seemingly disparate systems into a singular lens and understand how to get started

Dallas Kwok

Lead Designer

Design Systems Surf has helped me conceptualize a framework to move from idea to a usable brand design system. It has taken my prototypes to the next level

Michelle Exantus

UX Researcher

PRO

Get full access to keep your design system moving forward

Start with Pro

Start with Pro

Practical products, references, and tools for design systems

Explore plans

Browse products

Practical products, references, and tools for design systems

Explore plans

Browse products

Explore

Design Systems

Components

Foundations

Suggest

Learn

Articles

Blueprints

Guides

Glossary

Products

Design System Goals

AI-ready Roadmap

Typography foundation

All products

Use your preferred LLM
to explore DSS

Use your preferred LLM to explore DSS

Follow our updates
on social

Follow our updates on social

designsystems.surf · created by Ilya Greben

About

Privacy Policy

Terms of Sale

Dzeya OÜ

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.