MGC UI
MingCute
Richard
MGC UI Kit v1.0 – Now Available
MGC UI Kit v1.0 – Now Available
Create stunning
Create stunning
easily and quickly
easily and quickly
MGC UI Kit is an atomic design system crafted for Figma, featuring 1,700+ components to supercharge your workflow and deliver consistent, high-quality experiences for web and SaaS applications.
MGC UI Kit is an atomic design system crafted for Figma, featuring 1,700+ components to supercharge your workflow and deliver consistent, high-quality experiences for web and SaaS applications.
Components
Extensive Components Library
Extensive Components Library
Design modern, beautiful websites and UIs — everything you need, all in one place.
Design modern, beautiful websites and UIs — everything you need, all in one place.
Info alert
Insert your alert title here!
Insert your alert title
M
+9
In progress
In progress
Pending
Pending
Submitted
Submitted
In review
In review
Success
Success
Failed
Failed
Expired
Expired
Pick a date
October 2025
S
M
T
W
T
F
S
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
Richard
9394lay@gmail.com
Upgrade to Pro
Account
Notifications
Billing
Support
Dark mode
Log out
Richard
9394lay@gmail.com
Upgrade to Pro
Account
Notifications
Billing
Support
Dark mode
Log out
1
1
2
2
3
3
4
...
10
Week
Month
Year
Week
Month
Year
Week
Month
Year
All sales
All sales
All sales
Avg per month
10.12%
vs last week
Shopping
$60
50%
Health
$60
50%
Avg per month
10.12%
vs last week
Shopping
$60
50%
Health
$60
50%
Avg per month
10.12%
vs last week
Shopping
$60
50%
Health
$60
50%
01 Accordion
02 Alert
03 Avatars
04 Badge
05 Breadcrumb
06 Buttons
08 Checkbox
09 Divider
10 Date Picker
11 Dropdown
12 Icon Base
13 Inputs
21 Toggle
22 Tooltip
Features
Designed in Figma. Built for Speed.
Designed in Figma. Built for Speed.
Use Figma’s robust features and ready-made UI components to create scalable, polished interfaces — faster than ever.
Use Figma’s robust features and ready-made UI components to create scalable, polished interfaces — faster than ever.
Figma variable colors
Customize colors in seconds，adjust global settings to suit your project’s needs.
Figma variable colors
Customize colors in seconds，adjust global settings to suit your project’s needs.
Figma variable colors
Customize colors in seconds，adjust global settings to suit your project’s needs.
Typography
Elevate your designs with stylish typography for captivating visuals.
Aa
Typeface
Typography
Elevate your designs with stylish typography for captivating visuals.
Aa
Typeface
Typography
Elevate your designs with stylish typography for captivating visuals.
Aa
Typeface
Auto Layout
Automatically resize to fill space or fit their contents, reflowing as needed.
Auto Layout
Automatically resize to fill space or fit their contents, reflowing as needed.
Auto Layout
Automatically resize to fill space or fit their contents, reflowing as needed.
Theme
Dark and Light Mode
Dark and Light Mode
One-click dark mode with flexible and easy-to-use color variables.
One-click dark mode with flexible and easy-to-use color variables.
Templates
Production-ready examples
Production-ready examples
Built-in 40+ templates for core interfaces like Dashboard, Task flows, AI Assistant, and Customer management to streamline your SaaS project process.
Built-in 40+ templates for core interfaces like Dashboard, Task flows, AI Assistant, and Customer management to streamline your SaaS project process.
Pricing
Simple, transparent pricing
Simple, transparent pricing
Buy once, Use forever, lifetime updates, Unlimited projects.
Buy once, Use forever, lifetime updates, Unlimited projects.
Single
$
59
For solo designers, developers, and freelancers.
Single user license
Figma Variables
Light / Dark Mode
Component Properties
Auto Layout 5.0
40+ page templates
1,500+ regular style icons
Use on unlimited projects
Free lifetime updates
Single
$
59
For solo designers, developers, and freelancers.
Single user license
Figma Variables
Light / Dark Mode
Component Properties
Auto Layout 5.0
40+ page templates
1,500+ regular style icons
Use on unlimited projects
Free lifetime updates
Single
$
59
For solo designers, developers, and freelancers.
Single user license
Figma Variables
Light / Dark Mode
Component Properties
Auto Layout 5.0
40+ page templates
1,500+ regular style icons
Use on unlimited projects
Free lifetime updates
Team
$
129
For startup, design teams & agencies up to 5 users
Up to 5 users license
Figma Variables
Light / Dark Mode
Component Properties
Auto Layout 5.0
40+ page templates
1,500+ regular style icons
Use on unlimited projects
Free lifetime updates
Team
$
129
For startup, design teams & agencies up to 5 users
Up to 5 users license
Figma Variables
Light / Dark Mode
Component Properties
Auto Layout 5.0
40+ page templates
1,500+ regular style icons
Use on unlimited projects
Free lifetime updates
Team
$
129
For startup, design teams & agencies up to 5 users
Up to 5 users license
Figma Variables
Light / Dark Mode
Component Properties
Auto Layout 5.0
40+ page templates
1,500+ regular style icons
Use on unlimited projects
Free lifetime updates
Enterprise
$
249
For Large enterprises, teams, and companies, 15 users
Up to 15 users license
Figma Variables
Light / Dark Mode
Component Properties
Auto Layout 5.0
40+ page templates
1,500+ regular style icons
Use on unlimited projects
Free lifetime updates
Enterprise
$
249
For Large enterprises, teams, and companies, 15 users
Up to 15 users license
Figma Variables
Light / Dark Mode
Component Properties
Auto Layout 5.0
40+ page templates
1,500+ regular style icons
Use on unlimited projects
Free lifetime updates
Enterprise
$
249
For Large enterprises, teams, and companies, 15 users
Up to 15 users license
Figma Variables
Light / Dark Mode
Component Properties
Auto Layout 5.0
40+ page templates
1,500+ regular style icons
Use on unlimited projects
Free lifetime updates
Products
MGC design Assets
MGC design Assets
MGC All-Access included MGC UI, MGC icon system, MGC animation icons pack and MGC weather icons
MGC All-Access included MGC UI, MGC icon system, MGC animation icons pack and MGC weather icons
FAQs
Frequently asked questions
Frequently asked questions
Need help with something? The section below will tell you how.
Need help with something? The section below will tell you how.
Why do I need a UI Kit?
Why do I need a UI Kit?
Why do I need a UI Kit?
How does the MGC UI Kit differ from others?
How does the MGC UI Kit differ from others?
How does the MGC UI Kit differ from others?
How many icons are included in the MGC UI kit?
How many icons are included in the MGC UI kit?
How many icons are included in the MGC UI kit?
Is it a one-time payment?
Is it a one-time payment?
Is it a one-time payment?
Does MGC offer a money-back guarantee?
Does MGC offer a money-back guarantee?
Does MGC offer a money-back guarantee?