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.