Scale - Figma Design System

Design Better, Deliver Faster

A Figma Design System that helps individuals and organisations Scale.

Changelog

09/09/23: Version 2.2.0 released!

Scale's biggest update since it's release is here with Responsive Web Modules and a bunch of other new and improved tokens and components.

Check out the changelog here.

Features

Design landing pages fast with responsive web modules

32 web modules, hundreds of outcomes that all reflow automatically when resized.

• Hero, Feature, Logo, Pricing, CTA and FAQ modules for web design
• Use with breakpoint variables to instantly create tablet and mobile designs
• Landing page examples that show you what you can create

Switch modes automagically

Automatic light to dark mode with one set of components. Powered by Figma Variables.

Saving the world with Semantic Tokens

They represent the role that each color plays in the interface.

• Simplify the application of color in your designs
• Speak the same language as your developers
• Reduce design and development debt

Properties, Nested Instances, Variants, they're all here

Save design time with components that come with properties and nested instances.

• Select a component, dial up the outcome you want, swap nested instances, its that easy
• Gain 1:1 parity with your developers with properties that match what you’ll use in code

What’s inside?

191 Variables

Color, Semantic, Spacing and Border Radius variables.

2900+ Components and Variants

Thousands of possibilities with variants and properties.

298 Icons

Scale comes with a baseline set, then teaches you how to create your own so you only ever have what you need.

2 Free UI Kits

Scale.Chat and Scale.madewithscale

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