logoAnt Design X

DesignDevelopmentComponentsPlayground

Resources

Ant Design Charts
Ant Design Pro
Ant Design Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Landing-Landing Templates
Scaffolds-Scaffold Market
Umi-React Application Framework
dumi-Component doc generator
qiankun-Micro-Frontends Framework
ahooks-React Hooks Library
Ant Motion-Motion Solution
China Mirror 🇨🇳

Community

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design in YuQue
Ant Design in Zhihu
Experience Cloud Blog
seeconf logoSEE Conf-Experience Tech Conference

Help

GitHub
Change Log
FAQ
Bug Report
Issues
Discussions
StackOverflow
SegmentFault

Ant XTech logoMore Products

yuque logoYuQue-Document Collaboration Platform
AntV logoAntV-Data Visualization
Egg logoEgg-Enterprise Node.js Framework
Kitchen logoKitchen-Sketch Toolkit
Galacean logoGalacean-Interactive Graphics Solution
xtech logoAnt Financial Experience Tech
Theme Editor
Made with ❤ by
Ant Group and Ant Design Community

Ant DesIgn X

New AI Experience

The Ant Design team presents the RICH paradigm, crafting superior AI interface solutions and pioneering intelligent experiences.

AI Design Paradigm - RICH

We focus on developing AI design theory, iterating it across Ant Group's AI products, leading to the RICH design paradigm: Role, Intention, Conversation, and Hybrid UI.

AI Interface Solution

Building on the RICH paradigm and Ant Design language, the AGI Hybrid-UI solution blends GUI with natural conversation, presenting optimal components at each stage of human-computer interaction.

iconicon
1.Awaken
Effortlessly Awaken ,   Instantly Engage
Helps new users quickly understand what AI can do, informs them of the AI’s capability range, and lowers entry barriers.
iconicon
2.Express
Simple Express ,   Instant Feedback
Guides users on how to express intentions effectively, reducing misunderstandings with AI and clarifying their input.
iconicon
3.Confirm
Process Confirm ,   Fully in Control
Keeps users informed of the AI’s task execution status, easing wait-time anxiety and providing a sense of control.
iconicon
4.Feedback
Result Feedback ,   Built-in Trust
Clearly displays AI task completion, fostering trust, and enabling quick application of AI-generated results.

Multiple AI Scenario Experiences

Offering multi-scenario solutions to help users enhance collaboration efficiency with AI

bg
Ant Design X

Hello, I am your AI Product Design Assistant

Powered by Ant Design's AGI solution to enhance intelligent, aesthetic visual experiences
I can assist you with:
Hot Topics
1

What are the new upgrades in X?

2

X has introduced the new RICH design guide.

3

What are the component assets in X?

4

Discover new design for the AI!

Rich Design Guidelines
1

AI that understands and addresses user needs

2

Defining AI's persona and presentation

3

Ensuring AI communicates clearly

4

Balancing 'chat' & 'do' functionalities

Components Rich, Easy to Use

Ant Design X’s new AI components offer a wide range of practical options to meet your needs, with flexible customization and expansion

icon

Hello, I am Ant Design X

Aesthetic visual experiences

WelcomeActivate

Ready to use, easy to set up, with great user experience

🎉 Hello, I am your AI Product Design Assistant

Powered by Ant Design's AGI solution to enhance intelligent, aesthetic visual experiences

What are the new upgrades in X?

Discover new design for the AI!

User GuideActivate

Helps new users quickly understand AI capabilities

thumbnails

Quick CommandsExecute

Ready to use, easy to set up, with great user experience

thumbnails

Loading ProgressConfirm

Ready to use, easy to set up, with great user experience

What are the new upgrades in X?

ResultsFeedback

Ready to use, easy to set up, with great user experience

thumbnails

Manage ChatsGeneral

Ready to use, easy to set up, with great user experience

Design & Framework

An ecosystem for rapid web app development

thumbnails

RICH Design Guide

Intention, Role, Conversation, Hybrid

thumbnails

Design guide

Global style and design pattern

thumbnails

Components Libraries

Ant Design of React / Angular / Vue

https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*dUzuRJes4pUAAAAAAAAAAAAADgCCAQ/original

Ant Design

Help designers/developers building beautiful products more flexible and working with happiness

https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*rzh3RoWC9zAAAAAAAAAAAAAADgCCAQ/original

Ant Design Mobile

Mobile UI component library

https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*9MFyQ77L6E4AAAAAAAAAAAAADgCCAQ/fmt.webp

AntV

New generation of data visualization solutions