Global Semantic Color
Use color in a meaningful way across your projects, toggle automatically between Light and Dark modes and watch updates ripple across every screen instantly.
Responsive Typography
Perfect hierarchy, zero math. Our t-shirt sized type scale uses fluid responsiveness to adapt flawlessly from Desktop to Mobile. No manual breakpoint tweaks required.
Smart Component Library
Don't build from scratch, just configure. Access a robust library pre-wired with variants, variables and properties. Simply drag, drop, and toggle the props to match your needs.
Adaptive Section Blocks
Drag-and-drop sections that instantly inherit your global theme and resize perfectly for every device. Edit the master component once, and see it update everywhere.
Launch-Ready Templates
Skip "blank canvas" paralysis. Start with professional page structures. Mix sections, apply your brand, and finish your site in a fraction of the time.
Pricing
Pay once and get a lifetime of updates. This section is an example of a "Detached" Section component.
Figma
$49
For designers who live in Figma.
Framer file
Lifetime updates
Unlimited projects
Semantic foundations
Component library
Section components
Page templates
Light and dark mode
Currency: USD
Framer
$99
For Framer creators and builders.
Framer file
Lifetime updates
Unlimited projects
Semantic foundations
Component library
Section components
Page templates
Light and dark mode
Currency: USD
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
FAQ
Everything you need to know about this product or service.
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.