How to use AI Diagram Maker

Master the art of creating stunning diagrams from simple text descriptions. Learn how to transform your ideas into professional visuals using our AI-powered platform.

How to Create Diagrams ?

Create professional diagrams from text descriptions or images using AI.

1.1 How do I access the AI Diagram Maker?

Click "Get Started" in the navigation bar or the "Start Diagramming" button. Log in to access all features and save your work to your account.

Home page with Get Started options

1.2 What does the creation interface look like?

After login, you'll see a clean canvas ready for input.

Empty canvas interface

1.3 How do I create a diagram from text?

Type your diagram requirements in natural language or copy-paste content from existing documents. Describe relationships, components, and layout. The AI generates professional diagrams instantly with intelligent auto-layout. No technical expertise required.

Prompt input interface with example

1.4 How does the AI generate my diagram?

Your text description transforms into a professional diagram in seconds with proper spacing, connections, and styling. The result is ready for further refinement or direct use.

Generated diagram result

1.5 How do I create a diagram from an image?

Upload an image and add a descriptive prompt. This feature digitizes hand-drawn sketches, imports from other tools, or recreates diagrams from photos and scanned documents.

Upload interface for diagram creation

1.6 What happens after I upload an image?

The AI generates a professional diagram based on your uploaded image and prompt. The system transforms the visual content into an editable diagram with intelligent layout and styling.

Upload interface for diagram creation

How do I edit my diagrams?

Refine your diagrams using AI prompts or direct code editing.

2.1 How do I edit using text prompts?

Type your editing instructions in plain English. Describe the changes you need—add elements, change connections, or adjust layout.

Follow-up message editing interface

2.2 How does the AI apply my edits?

The AI processes your editing message and generates the updated diagram. The system remembers your diagram's context and applies intelligent refinements.

Follow-up message editing interface

2.3 How do I switch to code editing?

Switch to code view to edit the D2 diagram code directly for maximum control and precision. This mode provides access to raw D2 syntax for fine-tuned adjustments.

Code editing mode interface

2.4 How do I edit the D2 code?

Edit D2 code directly for precise modifications. Use D2 syntax to create complex layouts, custom styling, and intricate relationships. Ideal for technical diagrams requiring exact specifications.

Code editing mode interface

2.5 Where can I learn more about D2?

You can enhance your diagrams by learning D2 syntax or embed them directly in your documentation:

How do I view my diagrams?

View diagrams in full-screen mode with zoom controls.

3.1 How do I enter full-screen mode?

Click the full-screen button in the top-right corner to expand your diagram for better visibility.

Full screen mode navigation

3.2 What can I do in full-screen mode?

In full-screen mode, you can examine every detail, connection, and element with enhanced clarity. The expanded view is ideal for presentations, detailed analysis, and reviewing complex diagrams.

Full screen diagram view

3.3 How do I zoom in full-screen mode?

Use zoom buttons to adjust diagram size for optimal viewing. Focus on specific sections or view the complete overview. Controls maintain diagram quality at any zoom level.

Zoom in and out controls

How do I export my diagrams?

Export diagrams as SVG or PNG in various formats.

4.1 What export formats are available?

Download diagrams as SVG (scalable for printing) or PNG (pixel-perfect for digital use). Choose the format that suits your needs.

Export menu with format options

4.2 What aspect ratios can I choose for PNG?

Choose from multiple aspect ratios: Original Size, 1:1 (Square), 4:3 (Standard), 16:9 (Widescreen), A4 Landscape, A4 Portrait. Each ratio optimizes your diagram for different use cases.

PNG export aspect ratio options

How do I open saved diagrams?

Access and search your saved diagrams from the diagram library.

5.1 Where is the Open Diagram option?

Click "Open Diagram" in the top-left menu to access your diagram library and continue work on previous projects.

Open diagram menu option

5.2 How do I search in the diagram library?

Use the search bar to find diagrams by keywords, project names, or types. Quickly locate any diagram in your collection.

Diagram library with search

How do I use the dashboard?

View and manage all your diagrams from the dashboard.

6.1 Where is the dashboard?

Click "Dashboard" in the top navigation to view all diagrams, recent activity, and workspace organization.

Dashboard navigation option

6.2 How do I see my recent diagrams?

View recently created diagrams in the dashboard for quick access. Pick up where you left off without searching through your entire collection.

Recent diagrams in dashboard

6.3 How do I search from the dashboard?

Use the dashboard search to find specific diagrams. Enter keywords, diagram names, or filter by date to locate diagrams in your dashboard view.

Dashboard search interface

How do I organize diagrams into workspaces?

Organize diagrams by creating and managing workspaces.

7.1 Where do I manage workspaces?

Go to the dashboard to access workspace management features. This area provides tools for organizing diagrams into logical groups and maintaining a structured workflow.

Dashboard section navigation

7.2 How do I create a workspace?

Click "Create Workspace" on the left side. Enter a name and optional description to organize diagrams by project or category. Workspaces help maintain clean separation between different types of work.

Create new workspace option

7.3 How do I filter diagrams by workspace?

Filter diagrams by workspace to manage multiple collections separately. Work on different projects without mixing diagrams.

Workspace switching interface

7.4 How do I assign a diagram to a workspace?

When creating a diagram, choose a workspace to keep your work organized. Each diagram is automatically filed in the appropriate location for easier retrieval.

Workspace selection during diagram creation

7.5 How do I change title of a diagram?

Click the diagram title in the top-left corner to edit. Use descriptive names for better organization and searchability.

Diagram title editing option

How do I manage diagram versions? (Premium)

Track changes and revert to previous versions (premium feature).

8.1 How do I view previous versions?

Use version control buttons to navigate through previous versions of your diagram. This premium feature allows you to review the evolution of your work (paid users only).

Version navigation controls

8.2 How do I revert to an older version?

Click revert to restore a previous version. This clears chat history and restores your diagram to an earlier state (premium feature for paid users).

Revert to older version option

How do I manage my account?

View account details, credits, and billing information.

9.1 Where are my account settings?

Click your profile icon in the top-right corner to access account settings, billing information, and preferences.

Profile icon navigation

9.2 How do I check my credits and usage?

Select "Account" from the menu to view email, current plan, available credits, and billing history. Monitor your usage to ensure uninterrupted service.

Account details and credits view

What tips can improve my workflow?

Discover helpful tips and best practices for enhancing productivity.

10.1 How do I reduce token usage?

Clear chat history in code mode to reduce token usage while preserving your diagram. This helps manage AI context efficiently and saves costs during long sessions.

Clear chat history option