Skip to main content
Vibgrate Graph: over 24% fewer tokens, same results
Back to Tags

Design Systems

6 items tagged with "design-systems"

Filter by type:

Best Practices3

Best Practice

Atomic Design

A methodology by Brad Frost for building UI from five composable levels: atoms, molecules, organisms, templates, and pages, giving design systems a consistent structure.

Best Practice

Component-Driven Development

A development approach that builds UIs bottom-up from isolated, reusable components, developed and tested independently before assembly into pages and apps.

Best Practice

Design Systems

A design system is a single source of truth combining reusable components, design tokens, patterns, and guidelines that keep products consistent and faster to build.

Blueprints1

Blueprint

Monolith UI to Micro-Frontends Blueprint

Decompose a large frontend monolith into independently deployable micro-frontends using Module Federation and a shell app.

Playbooks1

Playbook

Design System Rollout Program Playbook

A program for building and rolling out a shared design system across multiple product teams to enforce consistency and speed up delivery.

Checklists1

Checklist

Design System Adoption Checklist

Ensure tokens, components, governance, and migration paths are in place before rolling a shared design system across product teams.