Ant Design System for Figma

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.

#3 Product of the Day
Product Hunt

Design & Tech Bestseller
Gumroad

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
Lead Designer at Catenda AS

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

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
Freelance UX Designer

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

View more customer reviews

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

Easy to edit

Customize however you want

You can easily apply your branding or product style by changing font, color and component properties. See how easy it is below!

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.

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.

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.

Styles

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

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.

Currently the most popular React library on Github

Star

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.