The design system Designer Workshop will provide an opportunity to all design system active and dependent folks to get on the same page of priorities and actions necessary for product Vue.js migration, resolve hurdles and converge to a shared UI library.
===Workshop Dates
**Tue 3 & Wed 4 Aug 2021**. Preceeding {T285781}
===Pre-workshop tasks
[X] Decide on attendees, currently aiming for all design system stakeholder team's design representative and 1 additional engineer from DS team and WMDE.
- Foundation: Volker (DS Lead), Pau, Rita, Jess (Principals and Language, Growth, Editing reps), Kieran (Visual Design), Alex (Readers Web), Matthew (SDC), Aishwarya (Abstract Wikipedia), Nicolas (CommTech), Prateek (AHT) WMDE: Hanna (Design Director), Sarai, and Elisha
- Engineers supporting: Foundation Anne, WMDE: Tonina, Jakob or Itamar (still figured out who will join)
- (optional) Foundation: Carolyn, Robin, Sudhanshu (Apps), WMDE: Erdi, Mattia, Charlie and Jan
[X] Send out invites
[] {icon cog spin} In Progress: search for a decision-oriented facilitator
====Working with the facilitator
[] Set up a pre meeting using https://doodle.com/mm/davidchilcott/book-a-time
[] Ask Volker what kind of engagement we need from the facilitator for the designer workshop
===Goals
1. **Strengthen process and collaboration**
2. **Agree on open design questions**
3. **Identify and overcome technical hurdles & gaps**
===Meta topics and agenda
1. Design System goals & objectives,
-- Design-first approach. Adhering Design Style Guide in implementation
-- Share roadmaps (Design System team, possibly others…)
-- Ensure design requirements and reduce debt via Design inventory.
2. Decision making process also known as governance model,
-- Clarify process for additions, amendments and removals
3. Component/pattern design process exemplified &
4. Design System resources & ecosystem (only pointers)
-- Improve exchange btw DS team, stakeholders and contributors further…
-- Improve discoverability
5. Open design system questions – identifying hurdles & blockers
-- Design tokens
-- Boundary of base component versus variants. Main library vs extension.
-- Responsive requirements for components
-- Typography
-- Grid & spacing
-- Icons/iconography handling
====Designer Workshop associated artifacts
- [[ https://www.mediawiki.org/wiki/Design_Systems_Team/Vue.js_Designer_Workshop_2021 | On MediaWiki ]]
===Post workshop
[] Consider a blog post with results of the workshop