Variables in Ant Design System for Figma help save time and effort when building designs, managing your design system, and creating complex prototyping flows.
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.
The template offers a range of sections and pages for diverse dashboard views, including invoice, calendar, settings, profile, and much more.
Get full access to custom-built responsive components, following the Ant Design rules and adjusted for the dashboard project needs.
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.
The template contains two themes, and you can easily switch between them with the Tokens Studio plugin or create your themes in minutes.
Apply and control your branding of the entire template by changing the font, color, and token properties in the plugin.
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.
You can easily apply your branding to the entire template by changing the font, color, and component properties in a few seconds.
Change the font family, font sizes, or line heights of all components at once in seconds.
Change all colors of the design system or reference other colors from Ant Design with Figma Variables.
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.
Switch Themes in Tokens Studio plugin. You get two themes by default, and you can create your own too.
Built with default light tokens and components from Ant Design System for Figma.
Built with default dark tokens and components from Ant Design System for Figma.
Find answers to the frequently asked questions or reach out to us if you didn't find what you were looking for.
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.
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.
You can switch between themes with the Tokens Studio plugin by simply selecting the set. Learn more .
You can learn about using the Tokens Studio plugin in our documentation.
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.
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.
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).