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
Figma UI kit built on the Ant Design Mobile library. 53 production-ready mobile components with variants, 152 icons, and Auto Layout 5.0 — ready for H5 and mobile app design.
More info & preview
Ant Design Charts for Figma
Figma UI kit built on Ant Design Charts — 600+ chart components covering line, bar, pie, scatter, heatmap, treemap, and more. Three themes, Variable Modes, and direct links to chart code.
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.