Figma Tokens plugin is now fully supported in Ant Design System for Figma 2.5!
The powerful UI kit for Figma based on the most popular React UI library - Ant Design. Create well-documented products in no time.
From freelancers to enterprises, thousands of people level up their design process with Ant Design System for Figma.
Stop wasting time on creating everything from scratch for every new project you start. Use this set of handcrafted elements to design your next product efficiently.
Save time and build products with well-organized and customizable components and styles. Most of the components are now interactive too!
Don't waste time on searching icons on the web. Use over 700 Ant Design icons right away!
Two themes (light and dark) in one pack. Pick your favourite and build your project faster.
Developer handoff made easy. Component and style guide documentation for your entire team in one place.
Ant Design System for Figma is powered with Figma Tokens plugin. You can easily apply your branding to the entire UI kit by changing font, color and component properties in a few minutes. See how easy it is below!
Design for the web made easy! Figma was built for the future of web. That’s why you’ll see features you won’t find elsewhere.
Most of the components use Auto Layout. It lets you create designs that grow to fill or shrink to fit, and reflow as their contents change.
Variants introduce a new way to group and organize variants of the same component. Components are easier to maintain and more intuitive to use.
Whenever you make a change to a style's properties - Figma will apply those changes to any objects using that style.
The UI kit is powered with Figma Tokens plugin, allowing you to change the style of the entire UI kit in a few minutes.
Learn more
You’ve designed your app with a light theme file, and you want to change the theme of your project to dark. As long as you’ve used the default color tokens available in the library, you will be able to change the entire theme of the project in a few clicks.
The UI kit was built on the principles of Ant Design and optimized for Figma. Save hundreds of hours and use React, Angular or Vue library to have your projects developed. The system is frequently updated and used by the best companies.
Discover sample components and styles. Use the Playground page to learn how it works.
What you see is what you get. Preview all components, screens, layouts and styles in Figma.
What you see is what you get. Preview all components, screens, layouts and styles in Figma.
The UI kit was built to support you at every stage of your product development process and improve your workflow
Use the library of UI components and styles to deliver your work faster.
Avoid misunderstandings in communication thanks to the well-organized library.
Test how your UI will look before coding it - without relying on designers.
Design and prototype a new idea with a set of ready components.
Create quick high-fidelity prototypes and test them with your users.
Explore how the professional design system is built and get better at designing & prototyping.
Ant Design System for Figma is perfect for creating internal tools and client work. Companies like Zalando, Allegro or eBay already saved hundreds of hours on UI design. Don't start from scratch - customize the UI kit to your needs and implement with React library. Ask your team manager to have a look at the offer.
Use this expense templateStop wasting time on creating everything from scratch for every new project you start. Use this set of handcrafted elements to design your next product efficiently.
Purchase now
