Component Checklist
– next to your art board
Component Checklist
– next to your art board
Button
consolidate design
colors linked
typography
align development
API alignment
design tokens
document
rationale
usage
Button
consolidate design
colors linked
typography
align development
API alignment
design tokens
Button
consolidate design
colors linked
typography
Keep an eye on every design system contribution
Keep an eye on every design system contribution
Keep an eye on every design system contribution
Get insights into every step of your contribution process
Get insights into every step of your contribution process
Modal - Figma Playground
Share
100%
Layers
Assets
Modal
Modal
.button-group
.closing-icon
colors linked
colors linked
typography
API alignment
design tokens
consolidate design
Modal
align development
Design
Prototype
Inspect
Background
E5E5E5
100%
Text Styles
Header
•
18/Auto
Body
•
16/Auto
Color Styles
CTA
Neutral
Effect Styles
Double Shadow
Export
Button - Figma Playground
Share
100%
Layers
Assets
Button
Button
.label
.icon
colors linked
colors linked
typography
API alignment
design tokens
consolidate design
Button
align development
Design
Prototype
Inspect
Background
E5E5E5
100%
Text Styles
Header
•
18/Auto
Body
•
16/Auto
Color Styles
CTA
Neutral
Effect Styles
Double Shadow
Export
Button - Figma Playground
Share
100%
Layers
Assets
Button
Button
.label
.icon
colors linked
colors linked
typography
API alignment
design tokens
consolidate design
Button
align development
Design
Prototype
Inspect
Background
E5E5E5
100%
Text Styles
Header
•
18/Auto
Body
•
16/Auto
Color Styles
CTA
Neutral
Effect Styles
Double Shadow
Export
Button - Figma Playground
Share
100%
Layers
Assets
Button
Button
.label
.icon
colors linked
colors linked
typography
API alignment
design tokens
consolidate design
Button
align development
Design
Prototype
Inspect
Background
E5E5E5
100%
Text Styles
Header
•
18/Auto
Body
•
16/Auto
Color Styles
CTA
Neutral
Effect Styles
Double Shadow
Export
Custom checklist
Propagate a custom checklist throughout all Figma files
Dashboard
View the progress of each contribution in one place
Reports
Get insight into changes, bottlenecks, and velocity
Custom checklist
Propagate a custom checklist throughout all Figma files
Dashboard
View the progress of each contribution in one place
Reports
Get insight into changes, bottlenecks, and velocity
Custom checklist
Propagate a custom checklist throughout all Figma files
Dashboard
View the progress of each contribution in one place
Reports
Get insight into changes, bottlenecks, and velocity
Why it matters
Why it matters
A component matrix, synced with a checklist, gives outsiders a better understanding of what contributors are up against.
A component matrix, synced with a checklist, gives outsiders a better understanding of what contributors are up against.
A component matrix, synced with a checklist, gives outsiders a better understanding of what contributors are up against.
Adding the process as phases to the checklist makes it an amazing tool to govern steps, spot and remove bottlenecks, help teams work in concurrent workflows to gain speed, and observe the progress of all contributors, which is especially handy for federated design system approaches.
Adding the process as phases to the checklist makes it an amazing tool to govern steps, spot and remove bottlenecks, help teams work in concurrent workflows to gain speed, and observe the progress of all contributors, which is especially handy for federated design system approaches.
Adding the process as phases to the checklist makes it an amazing tool to govern steps, spot and remove bottlenecks, help teams work in concurrent workflows to gain speed, and observe the progress of all contributors, which is especially handy for federated design system approaches.
Join us on the journey
Sign up with your email address to receive news and updates. Mailchimp handles our subscriptions.
Join us on the journey
Sign up with your email address to receive news and updates. Mailchimp handles our subscriptions.
Join us
on the journey
Sign up with your email address to receive news and updates. Mailchimp handles our subscriptions.