Ant Design System for Figma - A large library of handcrafted UI components | Product Hunt Embed

Ant Design System for Figma

for web and desktop apps

The largest UI Kit built from scratch for Figma based on the popular React UI library. Create well-documented products in no time!

Buy NowPreview in Figma

High-quality components

Ready to use and customize


Ant Design Icons

Grouped and named consistently with Ant Design Library


Customizable Styles

Apply your product branding in minutes



Including component and style guide documentation for your team

Designing a simple UI with Ant Design System for Figma

In the video you will learn:

  • how to import .fig file and set up the UI kit
  • how to publish the UI kit to your Team Library
  • how to use Ant Design components and styles
  • how to create a simple UI
  • what Figma plugins are useful to create this UI and how to use them

The biggest component inventory for Figma

UI kit contains 41 Ant Design components with states and variations which gives 2100+ unique elements. All components are designed with master components and styles which makes them easily customizable and consistent. All elements have proper constraints applied which makes them scalable and adjustable. Convenient naming optimized for Figma allows for quick finding and using.

Preview in Figma

Apply your product branding in minutes

130 color styles and 18 text styles are ready to use and customize. Changing font and color styles will allow you to apply your product branding in minutes. Even more, everything is documented for developers so you don’t need to worry about creating all states and docs yourself.

Save hundreds of hours

UI kit was built on the principles of Ant Design (May 2019) and optimized for Figma. Save hundreds of hours and use Ant Design React Library to bring your products to life. Ant Design is awesome - it has 47600+ stars on github! For more info about Ant Design System go to

Large Ant Design icons library

638 icons are grouped and named accordingly to Ant Design Library. You can reuse icons throughout the whole UI Kit in components because everything is connected together.

Preview in Figma

Design any UI you want!

Screens below were created using only components and styles available in the UI Kit.

Now available!

  • 2100+ High-quality components - ready to use and customize
  • 630+ Icons grouped and named consistently with Ant Design library
  • 140+ Customizable color, typography and elevation styles
  • 43 screens with component and style guide documentation for developers
  • 4 screens with real-life UI examples built with the UI kit
  • Free future updates
Buy now for 79$

Checkout securely with Gumroad