Material 3 Design Kit (Community) Dev Mode
Drafts
Pages
Getting started
Table of contents
Avatars
Icons
Examples
Ready for development
Layers
Cover
Design Kit Cover - 3p
Inspect Plugins 29%
Cover
Frame
MCP
Layer properties
28 28 28 28
Border-
Padding-
- 1920 × 1080 -
-
-
border-box
CSS
Layout
1display: flex;
2width: 1920px;
3height: 1080px;
4justify-content: center;
5align-items: center;
Style
1border-radius: var(--Corner-Extra-large
Modes
ShapeAuto (Baseline)
Colors Hex
Selection colors
#C583FF
#30143A
#421B50
#812BC7
2 more
Motion
Transitions (no code)
Design Kit… Click Scroll to
Sound
Audio
Token navigation.scroll
Audio file scroll.wav WAV · 48 kHz · 180 ms
Playback Once
Volume 80%
Audio
1sound: {
2 token: "navigation.scroll",
3 asset: "./sounds/scroll.wav",
4 playback: "once",
5 volume: 0.8
6}
Export
3x PNG
?