Ant Design System for Figma is a commercial Figma kit that packages Ant Design components and ready-made page blocks for designers and developers. The Grids page reviewed here offers responsive grid layouts for dashboards, marketing pages and dense data views.
The project is independent and not affiliated with or endorsed by Figma, Ant Design Team or Ant Group. The site says it started in 2019 and is maintained by Matt Wierzbicki.
How does Ant Design System for Figma work?
Blocks are grouped into General (Grids, Panels, Empty sections, Typography) and Application UI (App shells, Tables, Navbars, Login forms and more). Each grid block can be previewed in Figma, and full access comes with a purchased bundle.
The Grids category lists six layouts: 2 column, 2x2, 3 column, 3x3, 4 column and 6 column. The Ultimate bundle supplies blocks in both Figma and React, which links the design file to code.
Key features of Ant Design System for Figma
The core is the Figma kit with Ant Design components, from Button and Form to Table, DatePicker, Modal and Layout, plus page-level blocks such as app shells, stats, cards and section headers.
Higher bundles add Ant Design Mobile, Ant Design Charts, UX Toolkit and Ant Design Vue kits. Ultimate also includes templates, the Theme Buddy Plugin and AI Dev for Ant Design.
Key Features
Six grid layouts — The Grids category includes 2 column, 2x2, 3 column, 3x3, 4 column and 6 column layouts, aimed at dashboards, marketing pages and dense data views.
Preview in Figma — Each grid block can be previewed in Figma before buying access.
General blocks — General blocks cover Grids, Panels, Empty sections and Typography.
Application UI blocks — Includes App shells, Tables, Navbars, Login forms, Signup forms, Stats, Cards, Lists, headers and footers, among others.
Ant Design component coverage — The site lists a wide component range, including Button, Form, Table, Select, DatePicker, Modal, Menu, Tabs and Layout.
Additional Figma kits — Plus and Ultimate add Ant Design Mobile, Ant Design Charts, UX Toolkit and Ant Design Vue kits for Figma.
React blocks — The Ultimate bundle provides blocks in Figma and React for a design-to-code workflow.
Templates and plugins — Ultimate includes templates, the Theme Buddy Plugin and AI Dev for Ant Design.
Lifetime access and updates — All bundles include free updates, lifetime access and unlimited commercial usage.
Pros & Cons
Pros
One-time payment with lifetime access and free updates, not a subscription
Unlimited commercial usage is included in every bundle
Six grid layouts plus a broad library of application UI blocks
Grid blocks can be previewed in Figma before purchase
Higher bundles add Mobile, Charts, Vue and UX Toolkit kits
Ultimate bundle includes React blocks for design-to-code work
Cons
No free plan or trial is shown in the sources
Prices shown are for single-user licenses; Team and Enterprise pricing is not shown
Starter has slower support (48h) and omits the extra kits
Focused on Ant Design, so it fits less well for other design systems
Pricing
Starter Bundle $149 One-time payment + local taxes
Plus Bundle $299 One-time payment + local taxes
Ultimate Bundle $549 One-time payment + local taxes
Frequently Asked Questions
What is Ant Design System for Figma?
It is a paid Figma kit that provides Ant Design components and ready-made page blocks. The Grids page covers responsive layouts for dashboards, marketing pages and dense data views.
How much does Ant Design System for Figma cost?
Single-user bundles are $149 for Starter, $299 for Plus and $549 for Ultimate. Each is a one-time payment plus local taxes. The site says it is not a subscription.
Which grid layouts are included?
The Grids category lists 2 column, 2x2, 3 column, 3x3, 4 column and 6 column grids. Each can be previewed in Figma.
Does Ant Design System for Figma have a free trial?
The source pages do not mention a free trial or free plan. They do offer a preview of the grid blocks in Figma.
Can I use it for commercial projects?
Yes. All three bundles list unlimited commercial usage, along with free updates and lifetime access.
What is the difference between the bundles?
Starter includes the main Figma kit with blocks. Plus adds Mobile, Charts, UX Toolkit and Vue kits, older versions and 24h support. Ultimate adds React blocks, templates, Theme Buddy Plugin and AI Dev for Ant Design.
Is it affiliated with Ant Design or Figma?
No. The site states it is independent and not affiliated with or endorsed by Figma, Ant Design Team, or Ant Group.