|
Wikimedia Foundation projects
Design Systems Team
Our mission is to develop an overarching strategy for front-end design and engineering across Wikimedia. This includes building and maintaining a design system that provides tools and guidelines for building user interfaces in an efficient, scalable, and equitable way. This work supports audiences that are critical to developing new knowledge experiences by ensuring that they are successful in creating, maintaining, and extending front-end features across Wikimedia with consistency and ease.
|
Vision
To provide a comprehensive, reusable, extensible way to design and build front ends on Wikimedia platforms, by following a universal Design Style Guide and a shared development kit that codifies the visual and experience principles and guidelines in a library of user-interface (UI) components.
Current Work Streams
Codex, Design System for Wikimedia and UI Library
The Codex Design System for Wikimedia is the place where all of the components and patterns that designers use to create products are systematically organized, in such a way that they are easy to find, modify and create new parts. The design system is grounded in a set of principles and guidelines designed with for consistency, efficiency, web accessibility and internationalization by default.
Part of Codex is the frontend development toolkit for implementing the design system in code. It provides engineers with UI components that are built in CSS-only and JavaScript (Vue.js), with design tokens to store data for design values, and user-facing documentation.
Front-end Technology
Wikimedia's medium-term Platform Evolution plan set out to prioritize modern engineering practices, performance, and ease-of-use for contributors of varying experience levels. As a result, the Design Systems Team organized the Vue.js Developer Summit 2021 which led to the decision to adopt Vue.js as the official programming framework for MediaWiki.
Team
Christopher Ciufo
Senior Platform Product Manager
Roan Kattouw
Principal Software Engineer
Nat Hillard
Senior Engineering Manager
Lauren de Lench
Senior Technical Program Manager
Anne Tomasevich
Senior Software Engineer
Eric Gardner
Senior Software Engineer- Sarai Sánchez
User Experience & Product designer (WMDE) - Bárbara Martínez Calvo
Senior User Experience Designer 
Volker E.
Lead User Experience Engineer- Lauralyn Watson Software Engineer Intern
Introductory Links
- Request help from the Design Systems Team - Includes Phabricator task template.
- Current Status - High-level overview of Design Systems Team work streams.
- Planned Components - A list of components we have planned to take on in time.
- FAQs - Frequently asked questions.
- Design System Governance Model - Design/development flowchart for new Codex components and additions.
- History of user-interface libraries and frameworks in MediaWiki - How we arrived here.
- Resources - Our "Rolodex" of helpful resources about the Wikimedia Design System, the Design Systems Team, Codex, and front-end technology.
Contribution Guidelines
You can volunteer and help us!
Additional Documents
Subpages of Design Systems Team |
|---|
|
Special:Prefixindex |