Edit product

Ant Design System for Figma

for web and desktop apps 💻

The powerful UI kit for Figma based on the most popular React UI library - Ant Design. Create well-documented products in no time.

🌍 Official Website

👀 Preview Light Theme

👀 Preview Dark Theme

🐱 Ant Design System for Figma on Product Hunt


Components and Variants

Save time and build products with well-organized and customizable desktop components for Figma.


Named and grouped following Ant Design library. Available in 3 styles: outline, filled and two-tone.


Keep your design consistent and edit the style guide to swiftly apply your product’s branding.


Developer handoff made easy. Component and style guide documentation for your team in one place.

Layout templates

Kickstart your project with ready-to-use layout templates.

Light and dark theme

Two themes in one pack. Pick your favorite and build your project faster.

Auto Layout v3 supported

Use components that grow or shrink as you edit the text label.

Free future updates

All important updates from Ant Design or Figma will land in the UI kit for free.

Designed with ❤️ by Mateusz Wierzbicki


Ant Design System for Figma

Enter your info to complete your purchase of Solo (for 1 editor)


···· ···· ···· 4242
Test card



Use a different card?


pp paypal

or pay with

We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

or pay with

You'll be charged US$89.

Your purchase was successful!

We charged your card and sent you a receipt


    Thank you for purchasing Ant Design System for Figma! Please visit https://antforfigma.com/thank-you page to learn how to get started.

    If you like the product, please don't forget to rate it 5 stars on Gumroad 🙏 Thanks! ❤️

    Good news! Since you already have a Gumroad account, it's also been added to your library.

    Powered by Gumroad