logoAnt Design X

DesignDevelopmentComponentsX MarkdownX SDKPlayground

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

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