Ant Design System for Figma (Free Demo)

Figma Resource

Ant Design System is the powerful UI kit for Figma based on the most popular React UI library –

Ant Design

. Create well-documented products in no time.


? Learn more about Ant Design System for Figma

In the free demo, you can discover sample components and use the Playground page to learn how it works. Follow the instructions inside to experience the UI kit’s potential fully.

✅ Variants + Components Properties

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

✅ Interactive Components

Interactive components allow you to create prototype interactions between variants in a component set. When you add an instance to your designs, those interactions are set up and ready to go.

✅ Icons

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

✅ Styles

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

✅ Documentation

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

✅ Light and dark theme

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

✅ Auto Layout v4

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

✅ Layout templates

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

✅ Free future updates

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