MGC UI - Design system and UI Kit for Figma

MGC UI

Features

Pricing

FAQs

IconSystem

Animation

Weather

Buy now

MGC UI

Features

Pricing

FAQs

IconSystem

Animation

Weather

Buy now

MGC UI

MingCute

Richard

MGC UI Kit v1.0 – Now Available

Create stunning

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.

Buy now

Preview

Components

Extensive Components Library

Design modern, beautiful websites and UIs — everything you need, all in one place.

Info alert

Insert your alert title here!

Insert your alert title

In progress

Pending

Submitted

In review

Success

Failed

Expired

Pick a date

October 2025

Richard

9394lay@gmail.com

Upgrade to Pro

Account

Notification‌s

Billing

Support

Dark mode

Log out

...

Week

Month

Year

2,765

All sales

Button

Avg per month

$112,765

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.

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.

Icon system

A comprehensive collection of high-quality vector icons across 12 styles.

Learn more

Icon system

A comprehensive collection of high-quality vector icons across 12 styles.

Learn more

Typography

Elevate your designs with stylish typography for captivating visuals.

Typeface

Typography

Elevate your designs with stylish typography for captivating visuals.

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

One-click dark mode with flexible and easy-to-use color variables.

Templates

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.

Explore more

Variants

Ever-Growing components & variants

Easily customizable and adaptable to meet the unique demands of your project.

Accordion

19 variants

Alert

30 variants

Avatars

86 variants

Badge

204 variants

Breadcrumb

12 variants

Buttons

384 variants

Checkbox

88 variants

Divider

10 variants

Date Picker

33 variants

Dropdown

15 variants

Icon Base

30 variants

Inputs

50 variants

Explore more

Pricing

Simple, transparent pricing

Buy once, Use forever, lifetime updates, Unlimited projects.

10%

OFF

Single

For solo designers, developers, and freelancers.

Buy now

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

Buy now

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, 20 users

Buy now

Up to 20 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 All-Access included MGC UI, MGC icon system, MGC animation icons pack and MGC weather icons

FAQs

Frequently asked questions

Need help with something? The section below will tell you how.

Why do I need a UI Kit?

How does the MGC UI Kit differ from others?

How many icons are included in the MGC UI kit?

Is it a one-time payment?

Does MGC offer a money-back guarantee?

Affiliate

About Us