An intelligent extension that can generate editable mind maps through natural language conversation, bringing inspiration and structure together in one step.
Supports multiple layout structures, AI conversation generation, visual editing, record management, and fine-grained backend configuration
- Interface Preview
- Product Introduction
- Features
- Technical Architecture
- User Manual
- Points and Billing
- FAQ
- License
- Contact Us
The homepage provides multiple commonly used mind map layouts for quick one-click creation:
- Blank mind map
- Rightward logical mind map
- Left-right structure mind map
- Downward logical mind map
- Fishbone diagram
In the creation page, you can quickly generate structured mind maps through AI conversation, or drag to edit, add nodes, set colors, etc.
The system records every mind map generation and AI conversation process, supporting viewing mind map previews, conversation details, points consumption, and other information in the backend.
BuildingAI Mind Map is an AI mind map tool integrated into the BuildingAI platform.
Users only need to describe ideas in natural language or gradually refine requirements in conversation, and the system can automatically generate clear, editable mind maps to help you quickly organize thoughts, break down tasks, and plan projects.
| Value Point | Description |
|---|---|
| Natural Language Generation | Describe requirements directly through conversation, AI automatically generates structured mind maps |
| Multiple Layout Support | Provides rightward, downward, left-right, fishbone diagram, and other layouts, adapting to different thinking styles |
| Visual Editing | Supports node addition/deletion, content editing, color adjustment, and other operations |
| Record Accumulation | Automatically saves mind maps and conversation records for easy review and re-editing |
| Easy Operations | Backend can configure models, billing rules, homepage copy, and conversation examples to meet different business scenarios |
- Personal Efficiency: Weekly planning, habit building, time management
- Learning Planning: Course knowledge structure, exam review outlines
- Products and Projects: Feature breakdown, Roadmap planning, requirement organization
- Business Solutions: Marketing campaign planning, solution structure design
- Team Collaboration: Brainstorming notes, structured meeting minutes
| Feature | Description |
|---|---|
| AI-Generated Mind Maps | Enter natural language descriptions or communicate in multiple rounds in conversation, AI automatically generates mind map structure |
| Multiple Mind Map Layouts | Supports blank canvas, rightward logical diagram, left-right structure diagram, downward logical diagram, fishbone diagram, etc. |
| Visual Mind Map Editing | Supports adding sibling nodes, adding child nodes, deleting nodes, undo/redo, center root node, etc. |
| Style Adjustment | Supports setting background color, border color, font color to distinguish levels and highlights |
| Export and Download | Can export mind maps as images for easy sharing and archiving |
| Capability | Description |
|---|---|
| Chat with Mind Map | Chat with AI in the side conversation drawer, adjust or generate new mind map structures in real-time |
| Conversation Examples | Can configure multiple "Try It" example questions to help users get started quickly |
| Conversation Records | Backend can view detailed conversation content and message counts for troubleshooting and optimizing dialogue |
| Module | Description |
|---|---|
| Record Management | View user generation records, mind map previews, points consumption, and other information, supports batch deletion |
| Model and API Key Configuration | Supports selecting different large models, configuring API keys, and prompts on how to activate on third-party platforms |
| Billing Configuration | Supports per-time/per-character billing, configure points consumed per time or per 100 characters |
| Copy and Homepage Customization | Configure homepage display name, tagline, description, etc., supports rich text and color settings |
| Conversation Interface Configuration | Configure opening lines, example questions, dialog prompt text, etc., to improve new user experience |
- Frontend Framework: Nuxt 3 + Vue 3 + TypeScript
- UI Components: BuildingAI UI Component Library
- State Management & Tools: Pinia + Composition API + Built-in hooks
- Backend Framework: NestJS
- Database: PostgreSQL + TypeORM
- Cache & Tasks: Redis (relies on main site configuration)
- Storage Service: Local file storage / Object storage (according to main site configuration)
sequenceDiagram
participant User as User
participant Frontend as Frontend
participant Backend as Backend
participant LLM as Text Large Model
participant Storage as Storage
User->>Frontend: 1. Enter requirement / Initiate conversation
Frontend->>Backend: 2. Submit create/update mind map request
Backend->>Backend: 3. Validate billing configuration and points
Backend->>LLM: 4. Call large model to generate structured mind map data
LLM-->>Backend: 5. Return mind map structure (node/hierarchy information)
Backend->>Storage: 6. Save mind map and conversation records
Backend-->>Frontend: 7. Return mind map data and metadata
Frontend-->>User: 8. Render mind map canvas and support interactive editing
- User selects mind map layout on homepage or opens existing mind map.
- User enters requirement in AI dialog (e.g., "Help me design a feature list for a product plan").
- Frontend sends request together with current mind map context to backend.
- Backend selects corresponding model and API key according to configuration, checks if points are sufficient according to billing strategy.
- Call large model services like Wenxin/Kimi to generate mind map structured data.
- Backend stores mind map data and conversation records in database together.
- Frontend updates mind map canvas according to returned data, displaying the latest structure.
Click "Mind Map" in the navigation bar or app list to enter the extension homepage.
The homepage will display "Quick Create" entry and "Recently Updated" mind map list.
- Select a layout on the homepage (blank / rightward / left-right / downward / fishbone diagram).
- Click "Create Mind Map" to enter the editing page.
- Name the mind map (can be renamed on homepage or creation page).
- Open the right side "Chat with Mind Map" drawer.
- Enter requirements directly or select preset "Try It" examples.
- After waiting for AI response, the system will generate or update mind map structure according to conversation content.
Conversation Examples:
📅 Create an efficient personal weekly plan
📄 Course task progress management
💡 XXXXXX product feature list
On the canvas, you can perform the following operations:
- Add sibling nodes / child nodes
- Delete nodes
- Undo / redo operations
- Center root node
- Adjust background color, border color, font color, etc.
- Mind map content will be automatically saved periodically or during key operations.
- Can download current mind map as an image for reporting, sharing, or archiving.
- In the homepage "Recently Updated", you can quickly open recently edited mind maps.
Administrators can perform global configuration and data management for the Mind Map extension in the backend console.
Path: Console → Mind Map → Billing Configuration
Supported configurations:
- Select large model (text large model provider)
- Select corresponding API key
- Billing method: Per time / Per character
- Points consumed per time, points consumed per 100 characters, etc.
Path: Console → Mind Map → Conversation Interface Configuration
- Configure opening line copy (e.g., "👋 Hi, friend! Tell me your idea, and I'll create a mind map for you right away~").
- Configure "Try It" example question list.
- Configure dialog prompt text (e.g., "Ask to Create").
Path: Console → Mind Map → Homepage Customization
- Configure extension frontend display name.
- Configure tagline main copy and subtitle (supports rich text and multi-line color settings).
- Real-time preview of homepage display effect.
Path: Console → Mind Map → Generation Records
- Search generation records by user ID, keywords.
- View mind map preview images, points consumption, creation time, and other information.
- View AI conversation details corresponding to a specific generation.
- Support single deletion and batch deletion.
Mind Map extension supports flexible points billing strategies (can also be configured as completely free mode):
- Per-time Billing: Each mind map generation consumes a fixed amount of points.
- Per-character Billing: Charges based on user input content length (every 100 characters as a billing unit).
- Supports adjusting billing rules for different activities or phases.
The frontend page will display the current billing method and prompt text through the "Cost Description" module, helping users use points reasonably.
Possible causes and handling suggestions:
- Network exception or model service unavailable: Retry later or contact administrator.
- Model or API key configuration error: Please ask administrator to check model and API key settings in backend "Billing Configuration".
- Insufficient user points: Replenish points in personal center or points page and retry.
Optimization suggestions:
- Clearly state goals and structure hierarchy in conversation, e.g., "Please break down in three-layer structure".
- Ask step by step, breaking complex requirements into multiple sub-questions.
- When unsatisfied with AI generation results, you can manually edit nodes for fine-tuning.
Troubleshooting steps:
- Check current browser network and storage permissions.
- Try retrying in different browsers or incognito mode.
- Check backend logs for export failure error messages.
Administrators can click the "Conversation Details" entry for a record in the backend "Generation Records" page to view complete AI conversation content and message list.
This project is released under the BuildingAI License and can only be used and developed within the BuildingAI ecosystem in accordance with relevant agreements.
- App Store: https://www.buildingai.cc/plugin
- Author: BuildingAI Teams-dserha
Online mind maps, embrace infinite inspiration.