Scale - Figma Design System

Design Better, Deliver Faster

A Figma Design System that helps individuals and organisations Scale.

Changelog

13/12/24: Version 2.8.0 released!

Check out the changelog here.

Features

Typography Variables

Responsive type that switches between Desktop, Mobile and App breakpoints

• 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

Semantic Color Variables

Assign color with intent, and set yourself up for automatic mode switching

• Assign 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 developers

Components

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

Content modules

Design landing pages and apps faster with responsive content 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