Built upon the solid foundation of Ant Design Pro, the Pro Template is your key to crafting impressive admin interfaces in a matter of minutes. It leverages Figma's latest features, including variables and auto layout, to streamline your UI design process.
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 project! Everything is built with the newest Figma features and the Tokens Studio plugin.
Use and customize a variety of ready-made pages for admin interfaces, covering everything from analysis and monitoring to workplace settings, forms, lists, profiles, and more.
Gain access to responsive components inspired by Ant Design Pro, perfect for accelerating your admin interface development.
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 Tokens.
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 Tokens.
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.
Includes the Pro Template and Ant Design System for Figma + one year of free updates for Ant Design System for Figma.
Immediate access to all of our current resources, as well as lifetime access to new updates and templates.
Includes the Pro Template and Ant Design System for Figma + one year of free updates for Ant Design System for Figma.
Immediate access to all of our current resources, as well as lifetime access to new updates and templates.
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.
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 here.
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 me 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).
