Edit product

Design System for Figma 3.1

The best, most user friendly design system UI kit for Figma

Never start from scratch again. Get a jump start on every new project with organized, well-crafted components and styles.

👩‍💻  Learn more on the official website

đź‘€  View full preview in Figma


Product Overview

Never start from scratch again

Start every project with well-crafted and meticulously organized design file ready to be customized and used.

Apply your branding in minutes

Customize 59 color styles and 14 text styles to apply your branding in just a few minutes.

Clear documentation

All styles and components are automatically documented for consistent use and easy team communication.

Atomic design

Components are built with atomic, nested instances for consistent use and quick design updates.

Consistent UI

The design system uses the 8pt grid system, a balanced type scale, and holistic color palette system.

Resizing behavior

All components are built with grids, constraints or auto layout for flexible, consistent usage across all designs.

Master components

Master components are strategically built to be flexible, consistent, and easily maintainable.

Saved styles

All components use saved text, fill, stroke, grid, and effect styles for consistency and easy bulk updates.

Quick Start Guide

Learn how to customize text and color styles with easy step-by-step instructions. Learn how to use master components and discover their flexibility with interactive examples.


Design System Walkthrough


Latest Release

Version 3.1 (Released November 9th, 2020)

Every component has been reworked and optimized for Figma's new variants feature. The design system is now more intuitive and easier to scale & maintain than ever!

Biggest updates:

• Converted every component into a variant

• Upgraded data table components

• Upgraded button components

• Upgraded input components

• Upgraded badge components

• Upgraded tab components

• Upgraded quick start guide


Why is it a yearly subscription?

We update the Design system as Figma evolves in addition to providing new components, styles, and other design resources. We're dedicated to always improving the design process and appreciate your support!

Please note that if you cancel the subscription at any time you will stop receiving updates as they are released.


Have questions? Reach out to molly@quantidesign.io

License Agreement

Sorry, this item is not available in your location.
Sold out, please go back and pick another option.

0 ratings

  • Figma file (.fig)
  • FileFigma (.fig)
  • Size37 MB

Checkout

Design System for Figma 3.1

Enter your info to begin your Yearly subscription. You can cancel anytime.

Card

···· ···· ···· 4242
Test card

05/18

Card

Use a different card?

Card

pp paypal

or pay with

We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

or pay with

You'll be charged US$48 today.

Your subscription was successful!

We charged your card and sent you a receipt

    Gumroad Library

    Download from the App Store or text yourself a link to the app

    Good news! Since you already have a Gumroad account, it's also been added to your library.

    Powered by Gumroad