LogoComponentLibraries
  • Collections
  • By Frameworks
  • By Tags
  • Submit a library
LogoComponentLibraries
LogoComponentLibraries

A directory to find and compare the best UI component library for React, Next.js, Svelte, Nuxt, Rails, Figma, Webflow, Tailwind, Angular, and more.

GitHubBlueskyX (Twitter)
Built withLogoMkdirs
Component Libraries
  • Search
  • By Framework
  • By Tag
  • Submit yours
  • Blog
Resources
  • Privacy Policy
  • Terms of Service
  • Spread kind words with Blissbox
  • Report issue or wrong information

Recent Blog Posts

  • Free React Libraries 2025 | Top 10 Picks
  • Accelerate Your Framer Projects with Component Libraries
  • The Best Figma UI Component Library Kits & Design Systems in 2025
  • How to build better Webflow Websites with Component Libraries
  • Best Component Libraries for React JS Developers in 2025
  • How to find the best component library for your next coding project
  • What is a component library?

Collections

  • All Collections
  • Best React UI Components Libraries in 2025
  • Best Tailwind CSS UI component libraries
  • Best Angular UI Component Libraries in 2025
  • Best Webflow UI Component Libraries in 2025
  • Best Figma UI Component Libraries for Designers in 2025
  • Best Framer UI Component Libraries for Designers in 2025
  • Best NextJS UI Component Libraries in 2025
Copyright © 2025 by Soulrise LLC. All Rights Reserved.
  1. Home
  3. Framework
  5. Figma
  7. Ant Design System

Ant Design System

A sleek Figma UI kit bridging design and code for efficient projects, trusted by 6k users.

Visit website
Ant Design System for Figma
Visit website

About this Component Library

Back

Information

  • Websitewww.antforfigma.com
  • Published date2025/01/05
  • Publisher
    ComponentLibraries
Is this your library? Claim it for free

Frameworks

  • Figma component libraries

    Figma

Popularity

GitHub-
npm-

Tags

  • Paid

  • Material Design

  • Paid

  • Design Systems

Other Component Libraries for Figma

Marmo
Figma
See more

Marmo UI

Details

A lightweight UI component library for Figma that streamlines workflows, boosts efficiency, and supports smooth design-to-development handoffs.

FreemiumCustomizableResponsiveLightweightDesign Systems+1
Figma UI Kit and Web Design System
Figma
See more

Frames X

Details

A robust design system for Figma that provides an extensive collection of expertly designed UI components.

FreemiumCustomizableMobile SupportResponsiveDesign Systems+2
The Ultimate Figma UI Kit － SegmentUI
Figma
See more

Segment UI

Details

A free Figma UI component library offering pre-styled, responsive web and mobile elements to simplify design workflows.

FreemiumCustomizableResponsiveDesign SystemsMobile Support+1

Ant Design System for Figma is a complete UI kit built on the popular Ant Design React library, designed to help both designers and developers bring ideas to life directly in Figma. It provides pixel-perfect, developer-friendly components and advanced features that make translating designs to code faster and more accurate. Trusted by over 6k professionals and used in projects by companies like Meta, Audi, eBay, and more, it saves hundreds of hours by eliminating repetitive tasks and ensuring consistency across projects. With full integration of Figma’s latest capabilities such as Variables, Auto Layout, and Variants, this UI component library offers an efficient way to manage design systems, switch between light and dark themes, and customize every detail from typography to spacing.

Key Features:

  • Built on Figma’s advanced features: Variables, Auto Layout, Variants, and Component Properties
  • Over 800 detailed Ant Design icons ensuring consistent visuals
  • Sample React code available in the Inspect panel for streamlined development
  • Quick switching between light and dark themes with Figma Variables
  • Easy customization of fonts, colors, and spacing to match your brand
  • Dedicated plugins like Theme Buddy for exporting theme settings and AI Dev for converting designs into React code

Ant Design System for Figma has been refined since 2019 to meet the needs of modern design and development teams. Its precise organization and frequent updates make it a reliable resource for creating high-quality, consistent user interfaces. This system not only accelerates design work but also ensures a smooth handoff to development, bridging the gap between design and code in a way that saves time and boosts productivity.