Ant Design Charts for Figma

Design data-rich interfaces faster with a Figma UI kit built directly on the Ant Design Charts library. Whether you are working on a dashboard, analytics platform, or business intelligence tool, Ant Design Charts for Figma gives you production-ready chart components that translate directly into working code.

600+ chart components, ready to use

Stop building chart components from scratch. This kit gives you over 600 Figma chart and graph components covering every major visualization type, all aligned with the official Ant Design Charts specifications.

• Line, area, bar, column, pie, donut, scatter, heatmap, and stock charts
• Advanced visualizations like waterfall, dual axes, funnel, radar, treemap, and gauge
• Tiny charts, box and violin plots, bullet charts, venn diagrams, and more

Every component follows Ant Design visual and functional standards, so what you design closely mirrors what developers will build.

Built for flexibility

Charts rarely look the same across projects. Every component in this kit is designed to be customized without friction, including colors, fonts, sizes, axes, legends, and labels. Three themes are included out of the box, and Variable Modes make switching between them a single click.

Works seamlessly with Ant Design System for Figma

If you are already using the Ant Design System for Figma, adding this charts library is straightforward. Publish it to your workspace and get instant access to hundreds of charts alongside your existing UI components in one cohesive design system.

Designed for teams

A shared component library means everyone works from the same source of truth, reducing inconsistencies, simplifying QA, and improving stakeholder reviews.

• Standardized components that communicate design intent clearly
• Fewer revision cycles caused by inconsistent styling
• Easier onboarding for new team members

Smoother developer handoff

Every chart component includes a direct link to its code equivalent in Ant Design Charts. Developers do not have to guess behavior because the design specification and code reference are connected from the start.

• Less back-and-forth between design and engineering
• Fewer surprises during implementation
• Faster time from design approval to shipped feature

Comprehensive documentation included

The kit includes detailed documentation for component customization, theme setup, and best practices, helping both new and experienced Ant Design users get productive quickly.

Ideal use cases

• Admin dashboards with financial metrics, KPIs, and operations
• Data visualization platforms with complex multi-chart layouts
• Business intelligence tools for reporting and trend analysis
• Web applications that surface data-heavy views to users