Get Ant Design System for Figma

Simple pricing

Step 1: Select license

Step 2: Choose package

$99
one-time payment
+ local taxes
Basic Package

The Basic Package includes Ant Design System for Figma and one year of free updates for that product.

  • check_circle
    Single user license
    License for one person for unlimited abount of personal and commercial projects.
    info_outline
  • check_circle
    1 year access to free updates
    One year access to free updates. Whenever there is a new version of the UI kit, we'll email you the new files.
    info_outline
  • check_circle
    Ant Design System for Figma
    The UI kit for Figma with hundreds of components built with Figma Tokens and two themes (light and dark).
    info_outline
  • check_circle
    Bonus access to previous versions of Ant Design System for Figma
    You get extra access to previous versions of Ant Design System for Figma based on earlier versions of Ant Design of React.
    info_outline
  • close
    Ant Design Mobile for Figma
  • close
    Ant Design Charts for Figma
  • close
    UX Toolkit for Figma
  • close
    Figma Tokens Sync
  • close
    Templates
Get Basic Package

One-time payment. 1 year of free updates.

$199
one-time payment
+ local taxes
Pro Package

The Pro Package includes four Ant Design products and one year of free updates for those products.

  • check_circle
    Single user license
    License for one person for unlimited abount of personal and commercial projects.
    info_outline
  • check_circle
    1 year access to free updates
    One year access to free updates. Whenever there is a new version of any product, we'll email you the new files.
    info_outline
  • check_circle
    Ant Design System for Figma
    The UI kit for Figma with hundreds of components built with Figma Tokens and two themes (light and dark).
    info_outline
  • check_circle
    Ant Design Mobile for Figma
    The powerful UI kit with mobile components for Figma based on the Ant Design Mobile library.
    info_outline
  • check_circle
    Ant Design Charts for Figma
    The powerful set of charts and graphs based on the Ant Design Charts React library.
    info_outline
  • check_circle
    UX Toolkit for Figma
    Visualize the hierarchy and structure of a future product or website. Designed to help you plan apps and websites based on Ant Design.
    info_outline
  • check_circle
    Bonus access to previous versions of Ant Design System for Figma
    You get extra access to previous versions of Ant Design System for Figma based on earlier versions of Ant Design of React.
    info_outline
  • close
    Figma Tokens Sync
  • close
    Templates
Get Pro Package

One-time payment. 1 year of free updates.

$399
one-time payment
+ local taxes
Premium Package

Immediate access to all of our current resources, as well as lifetime access to new updates and templates.

  • check_circle
    Single user license
    License for one person for unlimited abount of personal and commercial projects.
    info_outline
  • check_circle
    Lifetime access to free updates
    Lifetime access to free updates and templates. Whenever there is a new version of any product or a new template, we'll email you the new files.
    info_outline
  • check_circle
    Ant Design System for Figma
    The UI kit for Figma with hundreds of components built with Figma Tokens and two themes (light and dark).
    info_outline
  • check_circle
    Ant Design Mobile for Figma
    The powerful UI kit with mobile components for Figma based on the Ant Design Mobile library.
    info_outline
  • check_circle
    Ant Design Charts for Figma
    The powerful set of charts and graphs based on the Ant Design Charts React library.
    info_outline
  • check_circle
    UX Toolkit for Figma
    Visualize the hierarchy and structure of a future product or website. Designed to help you plan apps and websites based on Ant Design.
    info_outline
  • check_circle
    Bonus access to previous versions of Ant Design System for Figma
    You get extra access to previous versions of Ant Design System for Figma based on earlier versions of Ant Design of React.
    info_outline
  • check_circle
    Figma Tokens Sync
    Get access to a special feature we built on top of the Figma Tokens plugin that will allow you to sync your Figma Tokens with your Ant Design of React project.
    info_outline
  • check_circle
    Templates
    Lifetime access to all current and upcoming Figma Templates based on Ant Design System for Figma.
    info_outline
Get Premium Package

One-time payment. Lifetime free updates.

Step 2: Choose package

$249
one-time payment
+ local taxes
Basic Package

The Basic Package includes Ant Design System for Figma and one year of free updates for that product.

  • check_circle
    Team license for up to 25 people
    If you purchase a team license, your entire team will be able to access it. The team license allows access for up to 25 people, so it is suitable for teams of any size within your company. You pay for 2.5 seats, you get license for 25 people.
    info_outline
  • check_circle
    1 year access to free updates
    One year access to free updates. Whenever there is a new version of the UI kit, we'll email you the new files.
    info_outline
  • check_circle
    Ant Design System for Figma
    The UI kit for Figma with hundreds of components built with Figma Tokens and two themes (light and dark).
    info_outline
  • check_circle
    Bonus access to previous versions of Ant Design System for Figma
    You get extra access to previous versions of Ant Design System for Figma based on earlier versions of Ant Design of React.
    info_outline
  • close
    Ant Design Mobile for Figma
  • close
    Ant Design Charts for Figma
  • close
    UX Toolkit for Figma
  • close
    Figma Tokens Sync
  • close
    Templates
Get Basic Package

One-time payment. 1 year of free updates.

$549
one-time payment
+ local taxes
Pro Package

The Pro Package includes four Ant Design products and one year of free updates for those products.

  • check_circle
    Team license for up to 25 people
    If you purchase a team license, your entire team will be able to access it. The team license allows access for up to 25 people, so it is suitable for teams of any size within your company. You pay for 2.5 seats, you get license for 25 people.
    info_outline
  • check_circle
    1 year access to free updates
    One year access to free updates. Whenever there is a new version of any product, we'll email you the new files.
    info_outline
  • check_circle
    Ant Design System for Figma
    The UI kit for Figma with hundreds of components built with Figma Tokens and two themes (light and dark).
    info_outline
  • check_circle
    Ant Design Mobile for Figma
    The powerful UI kit with mobile components for Figma based on the Ant Design Mobile library.
    info_outline
  • check_circle
    Ant Design Charts for Figma
    The powerful set of charts and graphs based on the Ant Design Charts React library.
    info_outline
  • check_circle
    UX Toolkit for Figma
    Visualize the hierarchy and structure of a future product or website. Designed to help you plan apps and websites based on Ant Design.
    info_outline
  • check_circle
    Bonus access to previous versions of Ant Design System for Figma
    You get extra access to previous versions of Ant Design System for Figma based on earlier versions of Ant Design of React.
    info_outline
  • close
    Figma Tokens Sync
  • close
    Templates
Get Pro Package

One-time payment. 1 year of free updates.

$849
one-time payment
+ local taxes
Premium Package

Immediate access to all of our current resources, as well as lifetime access to new updates and templates.

  • check_circle
    Team license for up to 25 people
    If you purchase a team license, your entire team will be able to access it. The team license allows access for up to 25 people, so it is suitable for teams of any size within your company. You pay for 2.5 seats, you get license for 25 people.
    info_outline
  • check_circle
    Lifetime access to free updates
    Lifetime access to free updates and templates. Whenever there is a new version of any product or a new template, we'll email you the new files.
    info_outline
  • check_circle
    Ant Design System for Figma
    The UI kit for Figma with hundreds of components built with Figma Tokens and two themes (light and dark).
    info_outline
  • check_circle
    Ant Design Mobile for Figma
    The powerful UI kit with mobile components for Figma based on the Ant Design Mobile library.
    info_outline
  • check_circle
    UX Toolkit for Figma
    Visualize the hierarchy and structure of a future product or website. Designed to help you plan apps and websites based on Ant Design.
    info_outline
  • check_circle
    Ant Design Charts for Figma
    The powerful set of charts and graphs based on the Ant Design Charts React library.
    info_outline
  • check_circle
    Bonus access to previous versions of Ant Design System for Figma
    You get extra access to previous versions of Ant Design System for Figma based on earlier versions of Ant Design of React.
    info_outline
  • check_circle
    Figma Tokens Sync
    Get access to a special feature we built on top of the Figma Tokens plugin that will allow you to sync your Figma Tokens with your Ant Design of React project.
    info_outline
  • check_circle
    Templates
    Lifetime access to all current and upcoming Figma Templates based on Ant Design System for Figma.
    info_outline
Get Premium Package

One-time payment. Lifetime free updates.

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.

Chris Carter
Chris Carter
Freelance Product Designer
lock
Secure 256-bit SSL Encrypted payments.
The standard local tax rate may be charged, following the law of your country.
Payment Methods
Frequently asked questions

Have questions?
Here are the answers.

Find answers to the frequently asked questions or reach out to us if you didn't find what you were looking for.

General

How do the updates work?
expand_more

After each update, we will send you an email with the new updated Figma files. Make sure to move all our messages to your Main Inbox, so you don't skip them. You can learn more about updates and how to get the new files here in the docs.

Will I get an invoice?
expand_more

Yes! You will be able to generate your invoice after the purchase.

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

Yes! Please contact us with your school's/non-profit company email address or student ID, and we will send you a link with the discount.

Why did my payment didn’t go through?
expand_more

If your payment fails, the following steps can help get your purchase through:

  • Try the purchase in a different browser, or update your browser and try again
  • Try the purchase on a different device
  • Turn off browser extensions and VPNs and try again
  • Call your card provider or contact PayPal and ask them if there are blocks or limitations on your account

If you still have problems with getting your payment through contact us - hi@antforfigma.com.

Can I purchase products separately?
expand_more

Yes. You can purchase each product separately on it's page.

Licensing

What is the difference between Personal and Team license?
expand_more

The Personal license is perfect for freelancers or individuals who will be the only users of the UI kit. If you purchase the Personal license, you can't publish the UI kit in your team library or give edit permissions to other people.

The Team license is dedicated to teams. You may publish the item in your team library within your organization for participants or give edit permissions to other team members of your company.

Can I upgrade my Personal license to the Team license?
expand_more

Sure! We will reduce your next order's price by the amount you paid for the solo license. Please get in touch with us with your customer email.

Can I upgrade from Basic Package to the higher tier package?
expand_more

Sure! We will reduce your next order's price by the amount you paid for the Basic Package. Please get in touch with us with your customer email.

Do I need to purchase a license for each project I work on?
expand_more

No. You can use the product for unlimited personal and commercial projects.

Can I use it for client projects?
expand_more

Yes! You can use the product for an unlimited amount of client projects.

Can I use it for my own commercial projects?
expand_more

Yes! You can use the product for an unlimited amount of your commercial projects.

Can I sell templates or themes built with a purchased product?
expand_more

No, you're not allowed to sell or distribute the products on your website or marketplaces like ThemeForest, Creative Market, etc. (even for free), as well as resell, lease, license, sublicense or redistribute a purchased product on its own (even for free). You can learn more about licensing here.

Can I purchase a team license for more than 25 people?
expand_more

To provide access to more than 25 people, it is recommended to purchase multiple team licenses, one for each team in your company that requires access. For example, if you have multiple teams within your business, such as a storefront team, marketing team, and data science team, you may purchase a team license for each of these teams. If you are a large agency or another type of company that does not have distinct teams, please contact us for large team pricing options.

Figma Tokens

What is Figma Tokens?
expand_more

Figma Tokens (Tokens Studio for Figma) is a Figma Plugin allowing you to integrate Tokens into your Figma designs. Ant Design System for Figma takes full advantage of the Figma Tokens plugin, allowing you to change the style of the entire UI kit in a few minutes and also sync your Figma Tokens with the code of your Ant Design of React project.

What is Figma Tokens Sync?
expand_more

Figma Tokens Sync is a special feature we built on top of the Figma Tokens plugin that will allow you to sync your tokens with your Ant Design of React project on GitHub, GitLab or Azure DevOps. It creates .less files based on your token's JSON file in Figma Tokens, so you can easily sync your token changes in Figma with your .less variables in Ant Design of React code.

Do I need Figma Tokens Sync to sync my Figma file with my Ant Design of React project?
expand_more

Yes, a Figma Tokens Sync is required to be able to sync your Ant Design System for Figma with your Ant Design of React code repository.

Do I need Tokens Studio for Figma Pro version of the plugin to use it in Ant Design System for Figma?
expand_more

No, you don’t need Tokens Studio Pro. It works on a free version of the plugin. However, you should definitely check out the pro version because it allows for branch switching, theming and more awesome features.

Is Ant Design System for Figma included with the separate purchase of Figma Tokens Sync?
expand_more

Ant Design System for Figma is not included with the separate purchase of Figma Tokens Sync. In order to obtain Ant Design System for Figma, you must purchase the Basic Package from our pricing page. Alternatively, you can also purchase the Premium Package which includes both Figma Tokens Sync and Ant Design System for Figma.

Can I try out Figma Tokens Sync for free?
expand_more

Yes. There is a 7 day free trial for Figma Tokens Sync, but you need Ant Design System for Figma which is available in the Basic Package that can be purchased via our pricing page.

Which Ant Design versions are supported?
expand_more

We support Ant Design v5 (React) and Ant Design v4 (React). There is a dedicated Figma UI kit and Figma Tokens Sync script for each version.

Version 5: All tokens are saved in a JSON file in the Tokens Studio plugin. When you change tokens' properties in Tokens Studio, Figma Tokens Sync creates a new JSON file based on the original one. This new JSON file can then be turned it into styles that are used in your code making your designs look exactly like in Figma.

Version 4: Figma Tokens Sync for Ant Design of React v4 creates .less files based on your token's JSON file in Figma Tokens, so you can easily sync your token changes in Figma with your .less files in Ant Design of React code. There is a dedicated Figma UI kit for this version (Ant Design System for Figma 3.0) and you will find it in Older versions.zip after the purchase.

Is Figma Tokens Sync Safe?
expand_more

Yes! Figma Tokens Sync is a script installed locally that calls a service exposed at Amazon Web Services Lambda (FaaS). The service does not store data (e.g. on AWS S3), and each call is executed in a separate environment that is purged on exit. The result is returned immediately to the callee and not stored any further. All communication is encrypted as it’s performed over Secure Socket Layer (HTTPS).

Does Figma Tokens Sync works for Ant Design Mobile for Figma?
expand_more

No, at the moment, we only support Ant Design System for Figma.

Did you create Figma Tokens (Tokens Studio for Figma) plugin?
expand_more

No, we are not the creators of Tokens Studio for Figma. Figma Tokens Sync is a tool that was developed by a team separate from the creators of Tokens Studio for Figma. Tokens Studio is a plugin for Figma that allows users to manage and organize design tokens within the Figma interface. Figma Tokens Sync is a separate tool that integrates with Tokens Studio and can be used to synchronize design tokens from Figma with an Ant Design of React project. Figma Tokens Sync works by using a script to transform the json files exported from Tokens Studio into working Ant Design styles, which can then be used in an Ant Design of React project.

Support

We can't pay via credit card or PayPal. Can you send us a quote/invoice?
expand_more

Sure! Contact us via email hi@antforfigma.com and we will send you the invoice so you can purchase the package via wire transfer.

How do I contact you?
expand_more

If you have questions or suggestions, don't hesitate and contact me via email at hi@antforfigma.com.

If you want to receive emails from me about new updates, products, or freebies, subscribe to the newsletter.

What is your refund policy?
expand_more

Firstly, we strongly recommend checking out the Figma preview of the files. What you see in the preview is what you get. Please make use of it and decide if it's for you or not.

However, if for any reason Ant Design System is not what you expected, we'll process the refund if you contact us within 14 days of purchase - drop us a line at hi@antforfigma.com, and we will issue a refund within 30 days.

Please note that you'll no longer be able to use Ant Design System products in any projects if we issue a refund (including personal/non-commercial projects).