Figma Preview

This File Is Organized into Three Main Modules

1. Foundational Components

  1. Icons
  2. Navigation Bar Components: logo, new chat button, feature entry points, conversation list, etc.
  3. Page Header Components: page titles, header search bar, etc.
  4. Input Components: input buttons, quick prompts, etc.
  5. File Upload Components: image uploads, file uploads, mixed content uploads
  6. Multiple Output Format Components: images, code, tables, charts
  7. AI Bubble Components: suggested questions, DeepSeek reasoning process, etc.

2. Composite Components

  1. Navigation Bar Composite Components: expanded and collapsed states, with feature entry points, conversation-only layouts
  2. Page Header Composite Components: multiple header layout patterns
  3. Input Composite Components: different sizes, states, etc.
  4. File Upload Composite Components: image-only, mixed image and file uploads, single-line scrolling, multi-line scrolling, etc.
  5. User Bubble Composite Components: different alignments and styles, supporting plain text, images, files, and more
  6. AI Bubble Composite Components: plain text, images, code, tables, charts, and more

3. Page Examples

  1. Page Frameworks: different page layout patterns, etc.
  2. Conversation Page

AI Product DesignAI ApplicationsComponent Library

AI Component Library

A variable-driven library with 20+ basic and composite components plus interaction examples.
¥0
VersionV1.0
Updated08/23/2026
Downloads83
Like