Material Theme Builder
- A Quick Introduction -
What is Material Theme Builder?
A web tool (and Figma plugin) for visualizing dynamic color and creating custom Material Design 3 themes.
Concepts
Dyanmic Colors
The color system automatically handles critical adjustments that provide accessible color contrast, legibility, interaction states, and component structure.
HCT (Hue, Chroma, Tone)
[...] a 'perceptually accurate' color system to replace the existing HSL (hue, saturation, lightness) approach, which was 'built to make computing colors fast on 1970s computers.'
Design Tokens
Tokens store style values, such as colors and fonts, allowing style values to be applied consistently across designs, code, tools, and platforms.
Live Design Exercise!
