Design system template
This doc helps design teams track design system tasks in addition to documenting their teams components. Serving as both a tool for task tracking and documentation. This template references Microsoft Fluent 2 design system as an example.
Get a walkthrough of this template here
Introduction
Table of contents
The team
Clear sample data in team roster
Jay Singh
Designer
DJ on the weekends.
Mary Jones
Designer
I am an avid skiier.
Lola Tseudo
Engineer
I listen to a ton of podcasts!
Alan Chowansky
Engineer
I’m a history buff.
Felix Marlin
Designer
I love cats!
Polly Rose
Engineer
I’ve been to 60 countries!
Currently in progress
Component update
Need a new size variant for buttons
P2
Open
In progress
Button
000
32Component update
Add a button drop down option
P2
Open
In progress
Dropdown
000
8
Recently changed
Figma update
Removed all dark theme components. Theme switching is done using variables.
Figma update
Removed all color styles. The library is now hosting variables.
Figma update
Added a design tokens page in Figma for quick reference
Component update
7 icons updated: Bidirectional arrow, Arrow download, Beaker (on, edit, off), Beaker settings
System icons
Component update
Added fully rounded variant for checkbox
Checkbox
Documentation
Token system for seamless design to development handoff
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.