Skip to main content

Accessing Design Systems

  1. Click Design Systems in the left sidebar navigation
  2. You’ll see a grid view of all your design systems

Creating Your First Design System

  1. Click the “Create New” button in the top right
  2. Enter a Name (e.g., “Material Design”, “Stripe UI”, “iOS HIG”)
  3. Add a Description explaining what the design system is for
  4. Click “Create”
You’ll be taken to the design system detail page where you can start adding guidelines and components.

Managing Design Systems

Design System Card

Each design system displays:
  • Thumbnail: Visual preview of the design system
  • Name & Description: Quick identification
  • Tags: Categorization labels (e.g., “SaaS”, “Minimal”, “Dark Mode”)
  • Last Updated: When the system was last modified
  • Actions Menu: Edit or delete the design system

Searching & Filtering

Use the search bar to filter design systems by:
  • Name
  • Description
  • Tags

Deleting a Design System

  1. Click the three-dot menu on a design system card
  2. Select “Delete”
  3. Confirm the deletion
Warning: This action cannot be undone and will permanently delete all components and guidelines.