Yellow star iconYellow star iconYellow star iconYellow star iconYellow star icon

Loved by over 3100+ professional teams and solopreneurs

From freelancers to enterprises, thousands of people level up their design process with Ant Design System for Figma.

Yellow star iconYellow star iconYellow star iconYellow star iconYellow star icon
I have been using Ant for Figma for over 1 year and my expectations are exceeded. This is an absolute time-saver. The entire product is prepared with utmost attention to detail, everything is well organized and easy to use even for inexperienced designers and developers who are not very familiar with design software. Regardless of whether you need to create a bespoke design from scratch or a quick, rough mockup this is a great product. It helps to save hundreds of hours, so you can forget about recreating the same UI components in every single project over and over again.
Greg Dlubacz
Greg Dlubacz
Lead Designer at Catenda AS
Yellow star iconYellow star iconYellow star iconYellow star iconYellow star icon
On my latest project, Ant Design System for Figma saved our product team with five designers days—if not weeks—of work. Of course it matches Ant Design well. The file is so well set up, I could feel the love put into it. It takes advantage of the best and latest Figma features.
Koos Looijesteijn
UI Designer
Yellow star iconYellow star iconYellow star iconYellow star iconYellow star icon
The Ant Design System for Figma is an invaluable resource for any UX Designer who is tasked with planning and building out a DS for their org or client. Each component is constructed with care and precision. Covering more states and scenarios than you will find by just viewing HIG or Material. Not only that but the fact Matt constructs each component with auto-layout, makes this kit incredibly robust and flexible. I highly recommend purchasing this wonderful kit from Matt. It will supercharge your work-flow and save you time, so you can focus on solving those complex UX problems!
Miriam Isaac
Miriam Isaac
Freelance UX Designer
Yellow star iconYellow star iconYellow star iconYellow star iconYellow star icon
Your Ant Design components for Figma were a lifesaver. As someone that had never had to touch UI/UX before, I was able to build out and prototype a new app without any existing design experience. I really appreciate the work that has gone into making these!
Blake B.
Business Owner
Features

Design Faster

Stop wasting time on creating everything from scratch for every new project you start. Use this set of handcrafted elements to design your next product efficiently.

Components & Styles

Save time and build products with well-organized and customizable components and styles.

Ant Design Icons

Don't waste time on searching icons on the web. Use over 700 Ant Design icons right away!

2 Themes

Two themes (light and dark) in one pack. Pick your favourite and build your project faster.

Large Documentation

Developer handoff made easy. Component and style guide documentation for your entire team in one place.

UX Toolkit Components

Everything you need at an early stage of your UX design process. Visualize the hierarchy and structure of a future product or website based on Ant Design. Learn more

Ant Design Charts

The powerful set of charts and graphs based on the Ant Design Charts react library. Learn more

Figma Magic

Use the best Figma features

Design for the web made easy! Figma was built for the future of web. That’s why you’ll see features you won’t find elsewhere.

Figma Auto layout

Auto Layout

Most of the components use Auto Layout. It lets you create designs that grow to fill or shrink to fit, and reflow as their contents change.

Figma variants

Variants

Variants introduce a new way to group and organize variants of the same component. Components are easier to maintain and more intuitive to use.

Figma styles

Styles

Whenever you make a change to a style's properties - Figma will apply those changes to any objects using that style.

React icon
Bring your ideas to life

74,200+ developers can't be wrong

The UI kit was built on the principles of Ant Design and optimized for Figma. Save hundreds of hours and use React, Angular or Vue library to have your projects developed. The system is frequently updated and used by the best companies.

Code UI
Currently the most popular React library on Github  
Yellow star iconYellow star iconYellow star iconYellow star iconYellow star icon
The Ant Design System for Figma has helped me deliver concepts and projects faster. Software Engineers that I have partnered with on projects that utilize the Ant Design System are amazed that my comps are just like their code. This creates a powerful relationship. This kit gives you the power you need, ability to design faster, add customization that you need, and bring ideas to life. It’s definitely worth the price.
Chris Carter
Christopher Carter
Co-organizer at Figma Austin Meetup
Customers

Handcrafted to your needs

The UI kit was built to support you at every stage of your product development process and improve your workflow

Design icon

UI Designers

Use the library of UI components and styles to deliver your work faster.

Users Icon

Teams

Avoid misunderstandings in communication thanks to the well-organized library.

App Window icon

Developers

Test how your UI will look before coding it - without relying on designers.

Chart Bar icon

Entrepreneurs

Design and prototype a new idea with a set of ready components.

Diagram Icon

UX Designers

Create quick high-fidelity prototypes and test them with your users.

Student icon

Beginners & Students

Explore how the professional design system is built and get better at designing & prototyping.

speed up your design process

Get Ant Design System Today

Stop wasting time on creating everything from scratch for every new project you start. Use this set of handcrafted elements to design your next product efficiently.

Purchase now
Ant for Figma UI