Ant Design System for Figma

Loved by over 4000+ 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

Everything you need for an efficient product design

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. Most of the components are now interactive too!

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.

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!

We have been looking for a suitable Design System for a long time for our Back Office tools. We have tested a lot, but in our opinion "ANT" is the most suited to our needs. Its main advantages are the number of components, constant development and a very nice structure of variants.
It’s a really cool library.

Dawid Sieńko
UX Designer at Allegro

Figma Magic

Design faster with the best and newest 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 and properties

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.

New feature

Switch theme with Figma Tokens plugin

With the newest version of Ant Design System for Figma (2.3) you can easily switch between light and dark theme in the same file!

Learn more

Bring your ideas to life

81,000+ 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.

Christopher Carter
Co-organizer at Figma Austin Meetup

Preview Everything in Figma

Discover what's inside

Download Free Demo

Discover sample components and styles. Use the Playground page to learn how it works.

Preview Light Theme

What you see is what you get. Preview all components, screens, layouts and styles in Figma.

Preview Dark Theme

What you see is what you get. Preview all components, screens, layouts and styles in Figma.

Customers

Empower your UI design process

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

UI Designers

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

Teams

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

Developers

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

Entrepreneurs

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

UX Designers

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

Beginners & Students

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

Expense template

Get Ant Design System for your team and save $100.000 or more

Ant Design System for Figma is perfect for creating internal tools and client work. Companies like Zalando, Allegro or eBay already saved hundreds of hours on UI design. Don't start from scratch - customize the UI kit to your needs and implement with React library. Ask your team manager to have a look at the offer.

Use this expense template