New feature!

Variables are now supported!

Variables in Ant Design System for Figma help save time and effort when building designs, managing your design system, and creating complex prototyping flows.

Variables in Ant Design System for Figma
Design faster

What's included

Supercharge your workflow with dedicated screens and components for your next admin dashboard project! Everything is built with the newest Figma features and the Tokens Studio plugin.

82 Pages

The template offers a range of sections and pages for diverse dashboard views, including invoice, calendar, settings, profile, and much more.

67 Dedicated Components

Get full access to custom-built responsive components, following the Ant Design rules and adjusted for the dashboard project needs.

Variables

Now you can use variables in Figma and save your time designing the next project. Manage the design system and build projects with no effort.

2 Themes

The template contains two themes, and you can easily switch between them with the Tokens Studio plugin or create your themes in minutes.

Figma Tokens

Apply and control your branding of the entire template by changing the font, color, and token properties in the plugin.

Default Ant Design Components & Icons

The template also contains hundreds of default components and icons from the default Ant Design System for Figma. You also get access to the Basic Version of Ant Design System for Figma.

Built with Figma Tokens

Customize however you want

You can easily apply your branding to the entire template by changing the font, color, and component properties in a few seconds.

Typography

Change the font family, font sizes, or line heights of all components at once in seconds.

Colors

Change all colors of the design system or reference other colors from Ant Design with Figma Variables.

Spacing

By default, the system uses a 4px grid, but if you need to set up your spacing values, you can also do it in seconds with Figma Variables.

2 in 1

Multiple themes in one file

Switch Themes in Tokens Studio plugin. You get two themes by default, and you can create your own too.

Finexus - Ant Design System for Figma - Crypto Template

Default Light Theme

Built with default light tokens and components from Ant Design System for Figma.

Finexus - Ant Design System for Figma - Crypto Template

Default Dark Theme

Built with default dark tokens and components from Ant Design System for Figma.

Purchase Template

Get this template or all our resources in a package

Stop wasting time on creating everything from scratch for every new project you start. Use pixel-perfect and handcrafted elements to design and implement your next Ant Design app efficiently.

Questions and answers

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

What is Ant Design System for Figma?

Ant Design System for Figma is a design system for creating user interfaces in the Figma design tool. It is based on the Ant Design library, which is a popular design language for building user interfaces in the React JavaScript library. The Ant Design System for Figma includes a set of pre-designed UI components, typography styles, color palettes, and icons that exactly match Ant Design React library. Ant Design System for Figma also uses Figma Tokens plugin to maintain it's design tokens.

Overall, Ant Design System for Figma is a powerful tool for designers and developers who are using Figma and Ant Design of React to create user interfaces for web applications. It helps to streamline the design process and ensure that the user interface is consistent, intuitive, and visually appealing.

What is Tokens Studio (Figma Tokens)?

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.

How to switch themes?

You can switch between themes with the Tokens Studio plugin by simply selecting the set. Learn more .

How to use Tokens Studio for customization?

You can learn about using the Tokens Studio plugin in our documentation.

Support

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

If you plan to purchase an Ultimate Package for Teams you can request an invoice. We will send it via our Merchant of Record for invoices - paddle.com. Make sure to send your company details and how many licenses you wish to purchase. Send us an email at hi@antforfigma.com.

How do I contact you?

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

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

What is your refund policy?

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