Ant Design Charts for Figma

Visualize the data with easy-to-use 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.


Speed up your design process

The UI kit includes multiple charts and graphs that you can use in almost every scenatio of data visualization. The library will be also updated with new components and features.

Charts for Figma

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.

Charts for Figma

Handcrafted Components

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

Charts for Figma

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.

Charts for Figma

Apply Your Style

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

Charts for Figma

Modify with Ease

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

Charts for Figma updates

Free Updates

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

Getting Started

Get started quickly

Watch the short getting started tutorial and learn how to use and customize Ant Design Charts easily.

Figma Icon Dark

Discover what's inside

What you see is what you get. Preview all components, screens, pages and styles in Figma.

Preview in Figma
Charts for Figma
Yellow star iconYellow star iconYellow star iconYellow star iconYellow star icon
I have been using Ant Design Systemf 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 Gospodarczyk
Adam 'overment' Gospodarczyk
Co-founder at

Get Ant Design Charts for Figma

Ant Design Charts for Figma is available in the Enterprise License along with Ant Design System.
You can also get it as a separate product below.

One-time payment
Purchase now
  • 1 user
  • Free updates
  • Ant Design Charts for Figma
One-time payment
Purchase now
  • 5 users
  • Free updates
  • Ant Design Charts for Figma
One-time payment
Purchase now
  • Unlimited users
  • Free updates
  • Ant Design Charts for Figma
Lock icon
Secure 128-bit SSL Encrypted payments powered by Gumroad.
Info icon
The standard VAT rate may be charged, following the law of your country.
Question icon
Need help or have a question? Check the FAQ section below or contact me.

Frequently asked questions

I purchased Ant Design System, can I get Ant Design Charts for free?

Customers who purchased the following licenses can get the Ant Design Charts for Figma for FREE:

  • Figma only package: Enterprise license (Unlimited editors)
  • Full package (Figma & Adobe XD): Solo license
  • Full package (Figma & Adobe XD): Team license
  • Full package (Figma & Adobe XD): Enterprise plus license

If you want to upgrade your license to one of the licenses mentioned above email me at Let me know what email address you've used to purchase your previous license and what license you want to upgrade to. I will reduce the price of the new license with the amount you paid previously.

If you own one of the licenses mentioned above you should get the email with the instructions on how to get the Ant Design Charts for Figma. If you didn't receive the email from me, you've probably unsubscribed from my list. In that case, follow the instructions in this guide.

Can I get Ant Design Charts for Figma without upgrading to the packages mentioned above?

Yes, you can purchase Ant Design Charts separately. Follow this link and choose the license you are interested in. Then press the 'Buy this' button and complete the checkout.

Is there any discount for students/schools/non-profits?

Yes! Please contact me with your school's/non-profit company email address and I will send you a link with the discount.

Can I upgrade from Figma Only Package (team license) to a Full Package (solo license) to get the Ant Design Charts?

No, sorry. You can only upgrade to a higher tier. For example, you can upgrade from Figma only (solo license) to a Full package (solo or team license). Or from Figma only (Startup or Agency license) to Figma only (Enterprise license).

Will 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.

What are the terms & conditions?

You can read about the terms & conditions here.