The ultimate UI kit for building your next crypto or DeFi project in minutes in Figma. Created with Ant Design System for Figma and Tokens Studio plugin.
Speed up your workflow with over a hundred of dedicated screens and components for your next crypto, DeFi, or finance project. Everything is built with the newest Figma features and the Tokens Studio plugin.
The template contains 105 layouts for different app views such as sign-up, dashboard, blog, careers, settings, NFT, wallet, and more.
You get access to dedicated components built following the Ant Design rules and adjusted for the crypto and finance project needs.
The template contains four themes, and you can easily switch between them with the Tokens Studio plugin or create your own 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.
Get access to hundreds of icons of popular cryptocurrency and DeFi projects like Bitcoin, Ethereum, Ripple, Polka Dot and more.
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 four themes by default, and you can create your own too.
Built with default light tokens and components from Ant Design System for Figma.
Preview in Figma
Built with default dark tokens and components from Ant Design System for Figma.
Preview in Figma
Custom light theme using green as a primary color and Public Sans font family and 0 border-radius.
Preview in Figma
Custom dark theme using green as a primary color and Public Sans font family and 0 border-radius.
Preview in FigmaIncludes the Finexus 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 Finexus 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).
