Save Days of design work and Elevate your skillset.

Next-gen Design system all-includes that anyone can use.

Trusted by the world’s fastest growing companies including

Make everything products

WEBSITE

LANDING

PROTOTYPE

SLIDES

APPS

SAAS

Designing in Figma?

We've got you covered.

With Figma's most powerful features optimized for Sources, say goodbye to the old way of working, and hello to a new and improved workflow

01. Powerful Components

An endless choice of Components to help speedthrough your projects.

06. Design Blocks

Assemble full page sections fast on either Desktop, Tablet or Mobile screen sizes.

05. Variants to the max

Components powered by Variants to improve your workflow even more.

02. Variables Support

This latest Figma feature is implemented throughout to help you customise rapidly.

03. Tokens Studio Support

Optimised for Tokens Studio enabling you much more efficiency on your projects.

04. Auto-Layout ready

Don't waste time messing around with Auto-Layout. Everything's done for you.

Choose the product that

fits your needs.

Try any plan free for 14 days, cancel anytime

Bill Monthly
Bill Annually

EVERYTHING

$149

Includes Figma and Framer

Unlimited Licences

Bonus Tokens Studio

FIGMA

$109

Includes Figma

One Licence

Includes versions of Cabana (Variables, Styles, Tokens Studio)

FRAMER

$99

Includes Framer

One Licence

Includes versions of Cabana (Variables, Styles, Tokens Studio)

EVERYTHING

$129

Includes Figma and Framer

Unlimited Licences

Bonus Tokens Studio

FIGMA

$99

Includes Figma

One Licence

Includes versions of Cabana (Variables, Styles, Tokens Studio)

FRAMER

$89

Includes Framer

One Licence

Includes versions of Cabana (Variables, Styles, Tokens Studio)

Frequent Questions

What is the difference between the Framer and Figma products?

The Figma product is intended for designers and developers, with elements that need to be coded before it can be usable by your audience. The Framer product has Web-Ready Smart Components, enabling you to form a fully functional website and Publish it to the Web within seconds. No coding required!

How is Sources design system different from other Design Systems or UI Kits?

Sources design system is extremely powerful and feature-rich, but also lean enough to perform well in Figma. Other UI Kits & Design Systems tend to be bloated which will slow you down while working in Figma.

Is there a discount for Students or Tutors?

Of course! There's a 50% discount for Students and Tutors. Please email hello@sources.design with proof of your enrollment at an educational institution and let us know which product you're interested in.

How can I be confident in the product before making a purchase?

I understand the importance of making informed decisions, especially when it comes to digital products. That's why we offer Previews of both Sources for Figma and Framer. These give you a thorough peek at what you're purchasing. Due to the digital nature of Sources, refunds are generally not provided. However, exceptions are made in the rare case that there are serious issues with the file. In such instances, simply contact me at hello@sources.design and we'll work something out.

Does Sources design system for Figma include the latest Figma features?

Absolutely. Sources is fully compatibility with Figma's latest and greatest features such as Variables, Auto-Layout, Component Properties, Nested Instances and more.