Scale: Figma Design System – Christopher Deane
A Figma Design System that helps individuals and organisations Scale.
What You’ll Learn In Scale: Figma Design System
Liquid Glass Materials and Components are here!
- Design for Apple’s latest operating system with 14 new Liquid Glass components
- Use custom icons instead of Apple’s SF Symbols
Scale’s first Figma plugin, Color Variable Picker
- Helps you find the right semantic color variable when designing
- Learn Scale’s semantic spec as you go
Responsive type that switches between Desktop, Mobile and App
- Primitive and Semantic Type Variables
- Switch between web and app breakpoints automatically
- Design web and app products with one set of text styles and components
Assign color semantically for automatic mode switching
- Use color in a meaningful way that scales across any theme or mode
- Switch between Light to Dark modes automatically
- Speak the same language as your engineers
A family of components that come with properties, nested instances and variants
- Select a component, dial up the outcome you want, swap nested instances
- Gain 1:1 parity with your developers with properties that match what they use
Design landing pages and apps faster with modules
- Hero, Feature, Logo, Pricing, CTA, FAQ and Carousel modules
- Use with breakpoint variables to swap between Desktop and Mobile widths
- Landing page examples that show you what you can create
More courses from the same author: Christopher Deane