Smart Excalidraw

Draw Professional Charts with Natural Language

✨ Core Features

🎯 AI-Powered, Outstanding Results

Understands your needs through advanced large language models, generating professional-grade charts with clear structure and reasonable layout.

🔗 Innovative Connection Algorithm

Uses a proprietary smart arrow optimization algorithm to automatically calculate optimal connection points, ensuring orderly and logically clear charts, eliminating messy line crossings.

📊 Rich Chart Types

Supports 20+ chart types, including flowcharts, architecture diagrams, sequence diagrams, ER diagrams, mind maps, and more. AI can also automatically select the most suitable chart type based on your description.

🎨 Perfect Excalidraw Integration

Generated charts are fully based on Excalidraw format, allowing free editing on the canvas, style adjustments, and detail additions, achieving perfect integration of AI generation and manual refinement.

⚡ Ready to Use

Just configure an AI API key to start using, no complex environment setup required. All configurations are saved locally in the browser, ensuring privacy and security.

🚀 Quick Start

Method 1: Using Access Password

If the server administrator has configured an access password, you can directly use the server-side LLM configuration without providing your own API Key:

1. Click the "Access Password" button in the top right corner
2. Enter the access password provided by the administrator
3. Click "Verify Password" to test the connection
4. Check "Enable Access Password" and save

Once enabled, the app will prioritize using the server-side configuration, and you can start creating without configuring your own API Key!

Method 2: Configure Your Own AI

1. Click the "Configure LLM" button in the top right corner
2. Select provider type (OpenAI or Anthropic)
3. Enter your API Key
4. Select model (claude-sonnet-4.5 recommended for best results)
5. Save configuration

It's that simple! Now you can start creating.

Creating Charts

Describe your needs in natural language in the input box, for example:

• "Draw a flowchart for user login"
• "Create a microservices architecture diagram with gateway, authentication service, and business services"
• "Design an e-commerce system database ER diagram"

AI will automatically generate the chart, and you can directly edit and adjust it on the canvas.

For more information, please visit the project's GitHub page: (https://github.com/liujuntao123/smart-excalidraw-next?tab=readme-ov-file)