Design Systems

UI Pattern Library Development

This workshop accelerates design work using proven methodologies. Teams quickly move from defining problems to testing solutions. We use structured design thinking to compress months of work into focused sessions.

Facilitation Script
Duration
4 days
Group Size
6-12
Category
Design Systems
Format
In-person

  • Master structured design processes.

  • Practice collaborative ideation.

  • Learn to validate assumptions through user testing.

  • Develop cross-functional collaboration skills.

  • Create testable prototypes.


  • Documented design patterns and components.

  • Clear governance and contribution guidelines.

  • Improved design-development collaboration.

9:00am-9:10am
BREAK 10 min
Introductions
9:10am-9:15am
BREAK 5 min
Icebreaker
9:15am-9:40am
Design Systems 25 min
Component Audit And Categorization

The **Component Audit And Categorization** is a structured Design Systems exercise designed to facilitate collaborative ...

Learn More
9:40am-10:00am
Design Systems 20 min
Pattern Library Mapping

The **Pattern Library Mapping** is a structured Design Systems exercise designed to facilitate visualization and relatio...

Learn More
10:00am-10:25am
Design Systems 25 min
Component Classification

Your design system has components, but they're organized haphazardly. Component Classification creates systematic taxono...

Learn More
10:25am-10:55am
Design Systems 30 min
Design System Documentation Strategy

The **Design System Documentation Strategy** is a structured Design Systems exercise designed to facilitate rapid design...

Learn More
10:55am-11:00am
BREAK 5 min
Next Steps/Daily Checkout

Unlock Full Agenda & Timing

Create a free account to access step-by-step instructions, agendas, and resources for all activities.

For Facilitators

  • Review participant profiles and expectations
  • Prepare all materials and supplies
  • Test technology and room setup

For Participants

  • Complete pre-session survey
  • Review background materials
  • Prepare examples or case studies

Unlock Pre-Work Requirements

Create a free account to access step-by-step instructions, agendas, and resources for all activities.

These exercises can enhance the workshop or be used as alternatives depending on your team's needs and available time.

UI Pattern Library Inventory
120 min
Design Token Exploration
120 min
18F - Design Pattern Library
480 min
Design System Landscape Mapping
120 min

  • Large format paper (A1 or flip chart paper).

  • Sticky notes (multiple colors).

  • Sharpie markers (black, blue, red).

  • Fine-tip markers.

  • Pens and pencils.

  • Dot stickers.

  • Masking tape.

  • Timer or stopwatch.

  • Workshop-specific templates and worksheets.

  • Relevant industry examples and case studies.

  • Laptops/tablets.

  • WiFi.

  • Digital camera.

  • Presentation projector/screen.

  • Power strips and extension cords.

  • Backup printed materials.

  • Large wall space.

  • Moveable tables.

  • Comfortable seating.

  • Adequate lighting.

  • Quiet environment.

  • Temperature control.

Unlock Materials Required

Create a free account to access step-by-step instructions, agendas, and resources for all activities.

  • Facilitator Guide (PDF)
  • Participant Workbook Template
  • Presentation Slides
  • Printable Materials

Unlock Resources & Templates

Create a free account to access step-by-step instructions, agendas, and resources for all activities.

Discussion

0/2000
Loading comments...

Related Workshops

See all workshops

Design-To-Development Handoff Workshop

4 days · Design Systems

Component Design Workshop

4 days · Design Systems

Design Token Definition Workshop

4 days · Design Systems