390+ Components

Save time and build products with well-organized and customizable desktop components for Adobe XD.

724 Icons

Named and grouped following Ant Design library. Available in 3 styles: outline, filled and two tone.

190 Style Assets

Keep your design consistent and edit the style guide to swiftly apply your product’s branding.

Auto Layout

Use components that grow or shrink as you edit the text label.

Component States

Use component states to display your apps behaviour at every stage of user journey.

Pixel-perfect components

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.

  • check
    Consistent with Ant Design React library
  • check
    Auto layout
  • check
    Component states
  • check
    Fully customizable

Learn how it works and preview sample components:

download
Get Free Demo

700+ Icons

Icons are grouped and named accordingly to Ant Design Library. Available in three styles:

  • check
    Outlined
  • check
    Filled
  • check
    Two Tone

Bring your ideas to life

The UI kit was built on the principles of Ant Design and optimized for Adobe XD. 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:

Designers

  • check
    Use the library of UI components and styles to deliver your work faster
  • check
    Customize it to match your project’s UI style
  • check
    Create quick prototypes and test them with your users
  • check
    Create one source of truth for your product

Developers

  • check
    Test how your UI will look before coding it - without relying on designers
  • check
    Get better at designing & prototyping
  • check
    Keep your design consistent, accessible and well-documented
  • check
    Use the best React library - build projects with Ant Design that has over 64K stars on Github

Entrepreneurs

  • check
    Build and prototype a new idea with a set of ready components
  • check
    Empower your product with a design system
  • check
    Equip your team with this library in the XD environment and build products faster
  • check
    Avoid misunderstandings in communication thanks to the well-organized library

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.

Greg Dlubacz
‍‍
Lead Designer at Catenda AS

Mateusz, thanks for Ant Design System - we love it. We are using the UI kit for our projects and it saved us hundreds of hours of repetetive work. It's also very easy to customize.

Greg Rog
CEO at learnux.io

Buy once, use it forever

Get lifetime access to Ant Design System for Adobe XD today for a simple one-time price.

Personal License
Perfect for solo designers, freelancers and solo developers.
$99 $79
One-time payment
Purchase now
  • License for 1 user
  • 390+ components
  • 724 Ant Design icons
  • 190 style assets
  • Auto Layout
  • Component states
Secure 256-bit SSL Encrypted payments powered by LemonSqueezy.
The standard VAT rate may be charged, following the law of your country.
Need help or have a question? Check the FAQ section below or contact us.

Frequently Asked Questions

Do I get Adobe XD components or images?

After the purchase you will get real Ant Design components designed in Adobe XD. In the free demo, you can only preview images because it's for preview purposes only.

What license should I get?

Solo: If you are a solo designer and an only editor that will be working on the design. If you are a solo designer and an only editor but you need to share your work with a developer.
Team: If there are going to be more that one editor that will be using the UI kit. If you work in a team and want to publish the UI kit to your team library.

Notice: You can't publish the item in your team library or give edit permissions to other people if you bought the individual license.

Do you offer student/edu discounts?

Yes! Email us with your school's email address and we will be happy to share a student discount with you.

How do I contact you?

You can contact me via email on hello@antforxd.com

Is there a Figma version of this UI kit?

Yes. You can get it directly from this website.

What are the licensing terms?

You can read the Licensing & Terms document here.

Will I get an invoice?

Yes - you will be able to generate the invoice after the purchase in the confirmation email.