Dark mode

Preview in FigmaBuy now

Scale.

Design

System

Resources

Education

Community

A Figma design system that helps individuals and organisations Scale.
Buy a licence and help my Wife fight cancer 💪.

06/11/22: v1.1 released, view changelog.

Scale.

Design

System

Resources

Education

Community

A Figma design system that helps individuals and organisations Scale. Buy a licence and help my Wife fight cancer 💪.

06/11/22: v1.1 released, view changelog.

Switch modes and type-faces automagically

Automatic light to dark mode and web, iOS and android type-face switching with one set of components 🤘

Powered by Semantic Tokens and the Themer plugin.

Saving the world with Semantic Tokens

Also known as design tokens, 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
  • Design with more confidence
  • 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

Tokens

298 Color, Semantic and Effect tokens.

Components

37 components, thousands of possibilities with properties and variants.

Text styles

T-shirt sized text styles for Web, iOS and Android.

Layout Grids

6 layout grids for Web, Tablet and App.

Icons

A baseline set of 280 icons.

Made with Scale

See what’s possible with free UI Kits, starting with...

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

Automatic theme switching

Automatic type-face switching

Design Tokens

Component Properties

Currency: USD

Size: 16mb

Buy now

Team

$150

Up to 5 licences for teams, organisations and agencies.

Figma file

Lifetime updates

Unlimited projects

Automatic theme switching

Automatic type-face switching

Design Tokens

Component Properties

Currency: USD

Size: 16mb

Buy now

FAQ

Everything you need to know about Scale

Buy Scale, and help my my Wife fight cancer

All proceeds of Scale licence sales go towards my Wife's cancer treatment. She's fighting stage 4 breast and lung cancer and we need all the help we can get. It's not just a design system you're buying, you're also supporting my Wife, my Daughter and I.

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 at all 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.

Will Scale work with Figma’s Free tier?

Complete libraries inside Figma can only be published inside a team, which is a limitation of Figma, not Scale. If you are planning on using Scale as an external library, consider the following: If you are on a free plan, you will only be able to publish Scale’s styles and you can always duplicate it for every project and design inside it locally. If you would also like to use Scale’s components, you will need to upgrade to a paid plan.

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.