spotify.com - Component Library Ready
5 categories mapped. Review your library before exporting.
Colours
10 tokens
Typography
7 styles
56
Display
40
Heading 1
28
Heading 2
18
Body large
16
Body default
12
LABEL
13
code( )
Spacing
8 tokens
space-1 · 4px
space-2 · 8px
space-3 · 12px
space-4 · 16px
space-6 · 24px
space-8 · 32px
space-12 · 48px
space-16 · 64px
Icons
24 found
Components
12 components
Button
3 variants
Input
4 states
Nav bar
2 variants
Card
3 variants
Badge
5 variants
Modal
1 variant
Dropdown
2 variants
Toast
3 variants
AB
CD
Avatar
2 variants
Table row
2 variants
Checkbox
3 states
Tab
Tab
Tab
Tabs
1 variant

Your library is ready to export.

Download your Figma file, code tokens, or connect your design system to AI tools via MCP - so your coding assistant builds on-brand without you pasting specs.

Figma file
CSS tokens
MCP server
Already have an account? Sign in