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.

🌍 Preview on Official Website

Includes:

Components and Variants

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

Interactive Components (NEW!)

Interactive components allow you to create prototype interactions between variants in a component set. Any time 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 swiftly apply your product’s branding.

Documentation

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