A Design System that helps individuals and organisations Scale

What's new

Choreographed Motion

A full motion system with 13 durations, 42 easing curves and springs, 22 composed transitions and 5 choreography patterns, in CSS and Figma variables, with reduced motion built in.

Visit Motion

Lit Web Components

Open source Lit-based agentic version of Scale, with Foundations, 62 Components and context for Human and AI driven engineering.

Get Lit Github

A new level of confidence and speed

Scale comes with industry standard foundations and components that help you create more consistent products, faster.
For Figma For Framer

56 Components. 8,368 possibilities

Web components, properties and variants with thousands of combinations.

120 Styles & Variables

Semantic color and type styles.

288 Icons

Feather icons and custom status icons.

15 Content Modules. 8,117 possibilities

Hero, Feature, Social, Pricing, CTA and FAQ.

118 Components. 41,942 possibilities

Web and App components, Properties and Variants with thousands of possibilities.

720 Variables & Styles

Semantic Color and Type Variables, Spacing, Border and Elevation.

936 Icons

Feather and status icons at 16, 24, and 32px.

22 Sections. 14,636 possibilities

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

Pricing

Pay once and get a lifetime of updates.

Figma $49 For designers who live in Figma. Figma file Lifetime updates Unlimited projects Semantic foundations Component library Section components Page templates Light and dark mode Currency: USD Buy Now Framer $99 For Framer creators and builders. Framer remix link Lifetime updates Unlimited projects Semantic foundations Component library Section components Page templates Light and dark mode Currency: USD Buy Now Everything $129 Design and build for a bundled price. Framer and Figma files Lifetime updates Unlimited projects Semantic foundations Component library Section components Page templates Light and dark mode Currency: USD Buy Now

FAQ

Everything you need to know about Scale.

All Figma and Framer licence sales go towards my Wife's cancer treatment, so it's not just a design system you're buying, you're also supporting my family so we can support her. 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. Yes. Other 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. Exactly what it says. You only have to pay once and every update that Scale gets, you receive for free. Sign up for updates Stay up to date with releases and other related Scale news. Subscribe