fbpx

Figma Design System

Get instant access to over 200 every-day components within our Figma Design System. We are proud to say we have over 600+ designers that have given our design system a 5 star rating!

What is included:

  • File setup: 100% interactive components and responsive autolayout
  • Atoms: Color system, Typography, Spacing, Grids, Drop Shadows.
  • Molecules: Alerts, Accordions, Avatars, Breadcrumbs, Buttons, Checkboxes, Dropdowns, Progress bars, Paginations, Sliders, Tabs, Text inputs, Toggles, Modals
  • Templates: Homepage, Landing pages
  • Light and Dark Mode: Flick one toggle and get dark mode!
  • 24 categories: Components, templates and more
  • Feature Icons: 286 componentized icons by Feather Icons.
  • Lifetime updates: 3 new updates since launch.
$78
$120
Limited time only! Early bird discount applies.
Price is in AUD

What is included:

  • File setup: 100% interactive components and responsive autolayout
  • Atoms: Color system, Typography, Spacing, Grids, Drop Shadows.
  • Molecules: Alerts, Accordions, Avatars, Breadcrumbs, Buttons, Checkboxes, Dropdowns, Progress bars, Paginations, Sliders, Tabs, Text inputs, Toggles, Modals
  • Templates: Homepage, Landing pages
  • Light and Dark Mode: Flick one toggle and get dark mode!
  • 24 categories: Components, templates and more
  • Feature Icons: 286 componentized icons by Feather Icons.
  • Lifetime updates: 3 new updates since launch.
$78
$120
Limited time only! Early bird discount applies.
Price is in AUD

A message from Michael

The design system has been updated 3 times since this video. Please refer to the DEMO on the left to see the latest updates.

Figma Design System Overview

A Figma Design System that is loved by over 600+ designers, with over 78+ 5 star reviews on Gumroad. In this design system you will get immediate access to over 200 components (that’s thousands of variations), light and dark mode with a flick of a switch, 100% responsive components and so much more.

  • File: .Fig
  • Support Within 24 hours
  • Customer rating ★★★★★ (80+)

View the Demo File

Click here to view the Figma demo – ✨ v.1.3.1 Released on 18/07/2021!

What's in this Figma design system?

  • 200+ components (THOUSANDS of variations) you will use EVERYDAY.
  • File setup: 100% interactive components setup, 100% responsive autolayout.
  • Atoms: Color system, Typography, Spacing, Grids, Drop Shadows.
  • Molecules: Alerts, Accordians, Avatars, Breadcrumbs, Buttons, Checkboxes, Dropdowns, Progress bars, Paginations, Sliders, Tabs, Text inputs, Toggles, Modals.
  • Templates: Homepage, Landing pages.
  • Lifetime updates: We will have a bunch of new templates coming out soon.
  • Light and Dark Mode: Simply flick a switch and get immediate access to dark mode capabilities.
  • 24 categories: Components, templates and more.
  • Feature Icons: 286 componentized icons by Feather Icons.

The Figma design system is perfect for:

  • Design graduates and junior designers: Understand how to build the fundamental building blocks to get started in UI design.
  • Senior designers: Get equipped with the perfect design system that is not bloated with unnecessary components, but just the right amount of fundamentals to set the foundation for every new project.
  • Product managers: Avoid wasting time and get right into the meat of what you want to create with the design system, with everything you need.
  • Anyone else that may be working within Figma. If you don’t want to waste time and speed up your entire process, this is what you need.

Latest version updates

V.1.3.1 (18/7/2021):

  • Refined typography scale
  • Fixed Icon component glitch
  • Refined tooltips typography
  • Cleaned up the file from duplicate components

V.1.3 (5/7/2021):

  • Light & Dark Mode available
  • 200+ input variants added
  • 20+ responsive grid layouts added
  • Extended dropshadows
  • 50+ alert variations added
  • 2+ pagination variations added

V.1.2 (21/5/2021):

  • Instructions added to file
  • Color palettes now cater for 10 shades
  • Icons are now connected to the color system
  • Alerts now leverage master components
  • Accordians now leverage master components
  • Buttons have been updated stylistically
  • Forms now leverage master components
  • Inputs now leverage master components
  • 96+ more input variations added
  • 48+ more tooltip variations added
  • Headers now leverage master components
  • Sidebar now leverages master components

Want to learn how to build your own Figma Design System?

Check out our highly recommended Figma Masterclass Course that teaches you how to build a scalable Figma design system from scratch and so much more.

View the Demo File

Click here to view the Figma demo – ✨ v.1.3.1 Released on 18/07/2021!

What's in this Figma design system?

  • 200+ components (THOUSANDS of variations) you will use EVERYDAY.
  • File setup: 100% interactive components setup, 100% responsive autolayout.
  • Atoms: Color system, Typography, Spacing, Grids, Drop Shadows.
  • Molecules: Alerts, Accordians, Avatars, Breadcrumbs, Buttons, Checkboxes, Dropdowns, Progress bars, Paginations, Sliders, Tabs, Text inputs, Toggles, Modals.
  • Templates: Homepage, Landing pages.
  • Lifetime updates: We will have a bunch of new templates coming out soon.
  • Light and Dark Mode: Simply flick a switch and get immediate access to dark mode capabilities.
  • 24 categories: Components, templates and more.
  • Feature Icons: 286 componentized icons by Feather Icons.

The Figma design system is perfect for:

  • Design graduates and junior designers: Understand how to build the fundamental building blocks to get started in UI design.
  • Senior designers: Get equipped with the perfect design system that is not bloated with unnecessary components, but just the right amount of fundamentals to set the foundation for every new project.
  • Product managers: Avoid wasting time and get right into the meat of what you want to create with the design system, with everything you need.
  • Anyone else that may be working within Figma. If you don’t want to waste time and speed up your entire process, this is what you need.

Latest version updates

V.1.3.1 (18/7/2021):

  • Refined typography scale
  • Fixed Icon component glitch
  • Refined tooltips typography
  • Cleaned up the file from duplicate components

V.1.3 (5/7/2021):

  • Light & Dark Mode available
  • 200+ input variants added
  • 20+ responsive grid layouts added
  • Extended dropshadows
  • 50+ alert variations added
  • 2+ pagination variations added

V.1.2 (21/5/2021):

  • Instructions added to file
  • Color palettes now cater for 10 shades
  • Icons are now connected to the color system
  • Alerts now leverage master components
  • Accordians now leverage master components
  • Buttons have been updated stylistically
  • Forms now leverage master components
  • Inputs now leverage master components
  • 96+ more input variations added
  • 48+ more tooltip variations added
  • Headers now leverage master components
  • Sidebar now leverages master components

Want to learn how to build your own Figma Design System?

Check out our highly recommended Figma Masterclass Course that teaches you how to build a scalable Figma design system from scratch and so much more.

About the Creator

Over the last 14 years, Michael (better known as Mizko) has been an in-house and freelance designer, agency owner, mentor and educator. He has helped strategise, design and launch over 100+ products, helping them raise over $500M+. Throughout his previous agencies, he has generated over $5M+ in sales through UI, UX and Branding design work.

You can learn more about him on:

A message from Michael

The design system has been updated 3 times since this video. Please refer to the DEMO on the left to see the latest updates.

Words from the buyers

The best $78 I’ve invested in. Amazing design system has amazing features and components for a lot of the main basic building blocks for responsive design for 2021. Thank you Mizko.

Jenny K
UX/UI Designer
Verified Buyer

The Designership’s Design System is crazy good and efficient! There’s no way you should be missing on it. Try for yourself and see its diverse nature across different projects!⚡

Aditya M
UX/UI Designer @ Accenture
Verified Buyer

I’m so excited I just purchased @themizko design system. He’s already answered one of my questions in his intro video!

Michelle Zhu
Freelance UX/UI Designer
Verified Buyer

Immediately speed up your workflow

This Figma design system has been designed and built to be used right away. It is the perfect system to kick-start any project. You have all your grids, spacing, typography, colours, buttons and most common components already setup.

Lifetime of updates

Since the launch of version 1.0, we have released 3 upgrades to the design system. We personally use this Figma design system for our own design process at Designership. Whenever we create new components or find more efficient ways of doing something, we share it with you!

Get access to the Designership community

As a student you will get exclusive access to the Designership where you can meet, share and learn with other designers from all around the globe. This is a safe place to ask all your questions related to the course and also receive updates as we continue to update curriculums with additional and updated content.

Copy link
Powered by Social Snap