Dark mode

v2.6.0 Changelog

A Figma Design System that helps individuals and organisations Scale.

331 Tokens

Light and Dark mode themes. Web, iOS and Android type-faces, effect styles and layout grids.

70 Components^

From Buttons, Input fields to Nav and Tab Bars. With Auto Layout and Figma Properties.

278 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

See what's possible with Scale.Chat and Scale.madewithscale

^Other design systems count properties or variants in their component counts, Scale doesn’t. A Button is a single component, even if you can create 100 versions of it.

Switch modes automagically

Automatic light to dark mode with one set of components 🤘

Powered by Figma Variables.

Saving the world with Semantic Variables

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

Spend less time designing with components that come with properties and nested instances

  • 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’ll use in code

373 Variables

Color, Semantic, Typography, Spacing, Border Radius and many others.

3000+ Components and Variants

Thousands of possibilities with variants and properties.

49 Text Styles

T-shirt sized text styles, driven by Type Variables.

6 Layout Grids

For Web, Tablet and App.

308 Icons

Scale comes with a baseline set of icons.

Made with Scale

See what’s possible with free UI Kits

Scale.Chat

  • Automatic mode and type-face switching
  • 40+ screens, with new ones added soon
  • iPhone 14 Pro size with Auto Layout
Grab from Figma

Scale.madewithscale

  • App designs that show what you can do with Scale
  • Twitter, Youtube, CBA, AirBnb, Uber Eats with more on the way
  • Automatic Light to Dark mode
Grab from Figma

Made with Scale

See what’s possible with free UI Kits

Scale.Chat

  • Automatic mode and type-face switching
  • 40+ screens, with new ones added soon
  • iPhone 14 Pro size with Auto Layout
  • Components with Figma Properties
Grab from Figma

Pricing

Pay once and get a lifetime of updates

Solo

$50

Single licence for solo designers, freelancers or engineers.

Figma file

Lifetime updates

Unlimited projects

Responsive Web Modules

Automatic theme switching

Figma Variables

Component Properties

Currency: USD

Size: 18mb

Team

$150

Up to 5 licences for teams, organisations and agencies.

Figma file

Lifetime updates

Unlimited projects

Responsive Web Modules

Automatic theme switching

Figma Variables

Component Properties

Currency: USD

Size: 18mb

FAQ

Everything you need to know about Scale.

Pick up a licence, and help my my Wife fight cancer

All proceeds of Scale licence sales go towards my Wife's cancer treatment, and we need all the help we can get. It's not just a design system you're buying, you're also supporting my family so we can support her.

Why Scale?

Scale takes everything I’ve learnt from creating and contributing to design systems over the last 10 years, and brings it together in a way that keeps things simple, reduces complexity, enables theme switching through semantic tokens and does so in a direct and pragmatic way.

Is dark mode really included?

Yes. Other Figma design systems either don't provide a dark mode or create dark mode variants of each component. Scale, allows you to switch between light and dark modes automatically with one set of components.

What does lifetime updates mean?

Exactly what is says. You only have to pay once and every update that Scale gets, you receive for free.

Can I get a refund?

Currently, Scale is a non-refundable asset. Once you purchase it and download it, its yours to use within the limitations of this licence agreement. Please keep this in mind and feel free to preview Scale before purchasing.