Ultra Design Systems Bundle for Figma Teams

Empower your team at every stage of your design process with the ultimate collection of design systems resources for Figma.

6 products in 1 bundle including:


🎓 Educational resources

  • 42+ chapters with exercises in Figma plugin where your team can learn how to build, maintain and use the design systems in Figma.
  • learn how to work on a design system in a team and how to onboard new designers with the Figmaster plugin.
  • design systems' links collection in Notion where your team can learn more about design systems theory and get inspiration from the existing systems.

💻 Production resources

Bestselling UI kits for Figma that will support your team at every milestone of the product design process:

  • UX Wireframing UI kit
  • Product design UI kit
  • Charts and graphs UI kit
  • Landing page UI kit


🤝 Tailored for the design teams

  • Educate your team on the design systems topic
  • Onboard new designers to the Figma environment
  • Learn how to create and work on a design system in a team
  • Improve the quality and consistency of the projects
  • Onboard designers with hearing disabilities thanks to the accessible plugin
  • Learn how to work with Figma efficiently
  • Use the library of UI components and styles to deliver your work faster
  • Design and prototype a new idea with a set of ready components
  • Avoid misunderstandings in communication thanks to the well-organized libraries
  • Create quick high-fidelity prototypes and test them with your users


📦 Ultra design systems bundle for Figma Teams contains 6 products:


Figmaster

The world's first design systems workbook for Figma. Learn how to build and use your own design system from scratch by doing exercises in Figma.

🥇 Product of the Day on Product Hunt

✅ Access to 42 chapters in the Figmaster plugin where your team will:

  • learn how to set up all the needed design tokens, such as defining proper grids, layouts, spacing, managing icons, choosing and creating color and typographic scales.
  • learn how to make the components like buttons, inputs, modals, text areas, checkboxes, notifications, radio buttons…
  • learn how to name components correctly using naming conventions and translate the components into variants.
  • learn how to improve the workflow by using handy keyboard shortcuts, plugins, and tricks.
  • use the full potential of Figma, making your Design System with variants and auto layout.
  • create your own complete Design System and apply it anywhere with confidence.

✅ Access to the Team license bonus in Notion

Learn how to work on a design system in a team and how to onboard new designers with the Figmaster.

✅ Access to Design Systems resources in Notion

Access to design system resources - learn more about design systems theory and get inspiration from the existing systems.

✅ Figmaster Design System

✅ Certificates of completion

✅ Unlimited access and updates for your team members

🌎 Visit the website to learn more




Ant Design System for Figma

Speed up your team's design process with pixel-perfect UI elements and create well-documented products in no time. The powerful UI kit for Figma based on the most popular React UI library - Ant Design.

🥉 Product of the Day on Product Hunt

📈 Design & Tech Bestseller on Gumroad

✅ Components and Variants

Save time and build products with well-organized and customizable desktop components for Figma.

✅ Icons

Named and grouped following Ant Design library. Available in 3 styles: outline, filled, and two-tone.

✅ Styles

Keep your design consistent and edit the style guide to swiftly apply your product’s branding.

✅ Documentation

Developer handoff made easy. Component and style guide documentation for your team in one place.

✅ Layout templates

Kickstart your project with ready-to-use layout templates.

✅ Light and dark theme

Two themes in one pack. Pick your favorite and build your project faster.

✅ Auto Layout

Use components that grow or shrink as you edit the text label.

✅ Unlimited access and updates for your team members

🌎 Visit the website to learn more

👀 Preview in Figma




UX Toolkit for Figma

Everything your team needs at an early stage of your UX design process. Visualize the hierarchy and structure of a future product or website based on Ant Design.

🥈 Product of the Day on Product Hunt

Wireframing Blocks

Plan your components and sections before going high-fidelity.

Flow and Documentation Components

Visualize the hierarchy and structure of a future product.

Use case examples

Inspect the examples to learn how to build your layouts, and wireframes.

✅ Unlimited access and updates for your team members

🌎 Visit the website to learn more

👀 Preview in Figma




Ant Design Charts for Figma

The powerful set of charts and graphs based on the Ant Design Charts react library. Design beautiful dashboards, analytics, presentations, and more with the set of the most common data visualization patterns. Charts are simple to use and customize.

Scalable Charts

In the UI kit, you will find multiple charts within different categories. Line, column, bar, pie, area, scatter, heatmap, radar charts are included.

Handcrafted Components

Charts are well-organized Figma components built from scratch. You can quickly grab them from the assets panel and use them in your designs.

Auto Layout and Variants

Most of the components were built with auto layout and variants, making them easy to maintain and more intuitive to use.

Apply Your Style

Whenever you change a style's properties - Figma will apply those changes to any objects using that style.

Modify with Ease

Thanks to a well-thought-out component structure, you can add your own data visualizations or modify existing charts with ease.

✅ Unlimited access and updates for your team members

🌎 Visit the website to learn more

👀 Preview in Figma




SystemFlow for Figma

A carefully crafted framework for Figma allowing super-efficient custom desktop landing page designs. From checkboxes and buttons to readymade hero sections and contact forms - hundreds of elements that you can use straight away and style later in the main component page.

🥈 Product of the Day on Product Hunt

✅ Landing page components

Save time and build websites with well-organized and customizable desktop components for Figma.

✅ Landing page sections

Use the common sections and save time on creating every section for each new project started from scratch.

✅ Icons

Hundreds of Material Design icons included. Don't waste time searching for new icons for each project you start.

Auto Layout and Variants

Most of the components were built with auto layout and variants, making them easy to maintain and more intuitive to use.

Apply Your Style

Whenever you change a style's properties - Figma will apply those changes to any objects using that style.

Modify with Ease

Thanks to a well-thought-out component structure, you can add your own components or modify existing ones with ease.

✅ Unlimited access and updates for your team members

👀 Preview in Figma


Ant Design Mobile for Figma

The powerful UI kit with mobile components for Figma based on the Ant Design Mobile library. Create mobile designs in no time.

✅ Handcrafted Components

From buttons, checkboxes, and switches to more complex components - there are elements for every scenario in the modern mobile app design.

✅ Ready to use

Use well-organized Figma components built from scratch. You can quickly grab them from the assets panel and use them in your designs.

✅ Auto Layout and Variants

Most of the components were built with auto layout and variants, making them easy to maintain and more intuitive to use.

✅ Apply Your Style

Whenever you change a style's properties - Figma will apply those changes to any objects using that style.

✅ Modify with Ease

Thanks to a well-thought component structure, you can add your components or modify existing ones with ease.

✅ Free Updates

New components and all major Figma updates will be added to the UI kit. Updates are free, and you will receive the new files via email.

✅ Bring your ideas to life

The UI kit was built on the principles of Ant Design Mobile and optimized for Figma. Save hundreds of hours and use the library to have your projects developed. The system is frequently updated and used by the best companies.

👀 Preview in Figma 👀




💬 Testimonials

From freelancers to enterprises, thousands of people level up their design process with these powerful products for Figma. Here are some reviews.


Figmaster is just great! Bought it for my whole design team and people love it. I totally recommend it to those who want to structure and update their Figma skills. Just get it – you will not regret it!

Natalia Bienias - Design Lead


I have been using Ant for Figma for over 1 year and my expectations are exceeded. This is an absolute time-saver. The entire product is prepared with utmost attention to detail, everything is well organized and easy to use even for inexperienced designers and developers who are not very familiar with design software. Regardless of whether you need to create a bespoke design from scratch or a quick, rough mockup this is a great product. It helps to save hundreds of hours, so you can forget about recreating the same UI components in every single project over and over again.

Greg Dlubacz - Lead Designer at Catenda AS


The Ant Design System for Figma is an invaluable resource for any UX Designer who is tasked with planning and building out a DS for their org or client. Each component is constructed with care and precision. Covering more states and scenarios than you will find by just viewing HIG or Material. Not only that but the fact Matt constructs each component with auto-layout, makes this kit incredibly robust and flexible. I highly recommend purchasing this wonderful kit from Matt. It will supercharge your work-flow and save you time, so you can focus on solving those complex UX problems!

Miriam Isaac - Freelance UX Designer


The Ant Design System for Figma has helped me deliver concepts and projects faster. Software Engineers that I have partnered with on projects that utilize the Ant Design System are amazed that my comps are just like their code. This creates a powerful relationship. This kit gives you the power you need, ability to design faster, add customization that you need, and bring ideas to life. It’s definitely worth the price.

Christopher Carter - Co-organizer at Figma Austin Meetup


I have been using Ant Design System for Figma and Ant Design Charts for Figma for a few months. What Matt did is incredible. It's way more better than other UI kits on the market! It saved me a lot of time but before and foremost - my designs are now literally on a next level and what’s more, design is even more fun than ever!

Adam 'overment' Gospodarczyk - Co-founder at easycart




Summary of what's included

Yes. Summary. There's so much included that I needed to summarize it 😅

☑️ Figmaster (Team license) (worth $399)

  • Module 1. Style guide (8 chapters)
  • Module 2. Components (18 chapters)
  • Module 3. Documentation (11 chapters)
  • Module 4. Use it (5 chapters)
  • Module 5. Team license bonus in Notion
  • Design systems resources in Notion
  • Figmaster Design System
  • Certificates of completion
  • Access for Unlimited users

☑️ Ant Design System Collection (worth $499)

  • Ant Design System for Figma (Light theme)
  • Ant Design System for Figma (Dark theme)
  • UX Toolkit for Figma
  • Ant Design Charts for Figma
  • Ant Design Mobile for Figma
  • Access for Unlimited users

☑️ SystemFlow for Figma (Team license) (worth $99)

  • Landing page UI kit for Figma
  • Access for Unlimited users

☑️ Free future updates of all products

Frequently Asked Questions

Can I get an invoice?

Yes! Click the "Generate" button on your receipt from Gumroad after your purchase, and you can generate a detailed invoice with any additional information you need. Learn more here.

Why did my purchase fail?

I use Gumroad to sell my digital products. If your payment fails on Gumroad, the following steps can be helpful in getting your purchase through:

  • Try the purchase in a different browser, or update your browser and try again.
  • Try different credit card.
  • Try the purchase on a different device.
  • Turn off browser extensions and VPNs and try again.
  • Call your card provider and ask them if there are blocks or limitations on your account.
  • You can also check this article from Gumroad's Helpdesk to learn more.

What are the licensing terms & conditions for this bundle?

You can read about the terms & conditions on this page.

I still have a question how do I contact you?

I'd love to hear from you and I'm here to help! Contact me via email: antforfigma@gmail.com

This product is not currently for sale.

Includes:

1
Figmaster
2
Ant Design System for Figma
3
UX Toolkit for Figma
4
Ant Design Charts for Figma
5
SystemFlow for Figma
6
Ant Design Mobile for Figma
8
Use on unlimited commercial projects
9
Free lifetime updates
Copy product URL
$799

Ultra Design Systems Bundle for Figma Teams