Scale - Figma Design System

Design Better, Deliver Faster

A Figma Design System that helps individuals and organisations Scale.

Changelog

28/05/25: Version 2.9.5 released!

Check out the changelog here.

Features

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

What’s inside?

374 Variables and Styles

Semantic Color, Responsive Typography, Spacing, Border, Elevation and more.

3000+ Components

Web and App components, properties and variants, thousands of possibilities.

40 Content Modules

Responsive Hero, Feature, Logo, Pricing, CTA, FAQ and Carousel modules.

936 Icons and pictograms

A baseline set of icons and guidelines to create your own.

Before you buy

Licence Agreement

Make sure you read the Licence Agreement before completing your purchase.

Learn more

Scale site

http://www.scaledesignsystem.com/

Questions

info@scaledesignsystem.com