2.9.5
A Figma Design System that helps individuals and organisations Scale.
3000+ Components
Web and App components, Properties and Variants with thousands of possibilities.
374 Variables and Styles
Semantic Color and Type Variables, Spacing, Border and Elevation.
936 Icons and pictograms
A baseline set of icons and guidelines to create your own.
40 Content Modules
Responsive Hero, Feature, Logo, Pricing, CTA, FAQ and Carousel modules.
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
Solo - Most Popular 🤘
Team
FAQs
Everything you need to know about Scale.
Sign up for updates
Stay up to date with releases and other related Scale news.