Ant Design System for Figma
A pixel-perfect Figma UI kit built to match the Ant Design React component library for faster, implementation-ready product design.
More info & preview
Products
Browse all products
Explore Figma kits, plugins, blocks, templates, and tools built to align design with implementation.
Get all products
Ant Design Mobile for Figma
A Figma UI kit built on the Ant Design Mobile library, giving teams a complete set of mobile components ready for real projects.
More info & preview
Ant Design Charts for Figma
Design data-rich interfaces faster with a Figma UI kit built directly on the Ant Design Charts library.
More info & preview
Theme Buddy for Ant Design
Sync Ant Design theme settings between Figma and React by importing and exporting JSON-compatible theme variables.
More info & preview
AI Dev for Ant Design
Generate Ant Design React code directly from Figma — select a component, add optional context, and paste clean, library-compatible code into your project.
More info & preview
Ant Design Vue for Figma
A comprehensive Figma UI kit built on Ant Design Vue (v4.2+) for faster Vue product design and handoff.
More info & preview
UX Toolkit for Figma
A dedicated wireframing kit built on Ant Design patterns to plan structure, flows, and early product direction directly in Figma.
More info & preview
Blocks
Ant Design–ready block patterns in Figma and React for dashboards, forms, tables, navigation, and more.
More info & preview
Templates
Ready-to-use Figma templates for dashboards, e-commerce, SaaS, and more.
More info & preview
Speed up your design and development process
Stop starting from scratch for every project. Use pixel-perfect elements to efficiently design your next Ant Design app.