BestHub
Sign in
Tagged articles
29 articles
Page 1 of 1
AI Architecture Path
AI Architecture Path
Apr 26, 2026 · Artificial Intelligence

AI‑Powered One‑Click Architecture Diagrams: Ditch Manual Dragging with drawio‑mcp

The article introduces drawio‑mcp, an official open‑source MCP server that lets Claude‑series AI generate editable draw.io XML diagrams instantly, eliminating tedious manual dragging, alignment, and styling, and outlines four integration methods—MCP App Server, MCP Tool Server, Claude Code Skill, and Project Instructions—plus export formats, built‑in shape library, and maintenance workflow.

AI diagram generationAutomationClaude AI
0 likes · 16 min read
AI‑Powered One‑Click Architecture Diagrams: Ditch Manual Dragging with drawio‑mcp
Java Companion
Java Companion
Apr 25, 2026 · Artificial Intelligence

How draw.io’s New Claude Code Integration Lets You Generate Diagrams Automatically

draw.io (diagrams.net) now offers an official Claude Code integration via the open‑source drawio‑mcp project, providing four ways for AI to generate and export diagrams—directly in chat, in a browser editor, through a Claude Code skill, or via zero‑install project instructions—while supporting multiple file formats and a 10,000‑plus shape library.

AI integrationClaude AIDraw.io
0 likes · 10 min read
How draw.io’s New Claude Code Integration Lets You Generate Diagrams Automatically
Node.js Tech Stack
Node.js Tech Stack
Feb 11, 2026 · Artificial Intelligence

Draw.io launches official MCP server – a surprisingly smooth AI‑powered diagram experience

Draw.io (now diagrams.net) has released an official MCP server that lets AI‑enabled editors like Cursor generate and edit diagrams instantly by converting AI‑produced Mermaid, CSV, or XML data into a Draw.io link, offering a seamless, editable workflow with privacy‑preserving URL‑based rendering, though limited by URL length.

AI diagramsCSVCursor
0 likes · 7 min read
Draw.io launches official MCP server – a surprisingly smooth AI‑powered diagram experience
Su San Talks Tech
Su San Talks Tech
Jan 12, 2026 · Artificial Intelligence

How to Supercharge Diagram Creation with AI: From Text Prompts to draw.io

Learn how to rapidly generate high‑quality flowcharts, architecture diagrams, and SVG graphics in under three minutes using AI text‑to‑image tools like Claude‑3.7‑sonnet, PlantUML, Mermaid, Graphviz, Obsidian Canvas, and draw.io, with step‑by‑step prompts, configuration tips, and editing tricks.

AIDiagramDraw.io
0 likes · 13 min read
How to Supercharge Diagram Creation with AI: From Text Prompts to draw.io
IT Services Circle
IT Services Circle
Dec 6, 2025 · Artificial Intelligence

Chat‑Powered Diagram Creation: Exploring the next‑ai‑draw‑io Tool

This article introduces next‑ai‑draw‑io, an open‑source AI extension for Draw.io that lets developers generate and edit architecture diagrams through natural‑language prompts, supports image‑to‑diagram conversion, multiple LLM providers, and offers easy installation via Next.js or Vercel.

AI diagram generationDraw.ioLLM integration
0 likes · 6 min read
Chat‑Powered Diagram Creation: Exploring the next‑ai‑draw‑io Tool
Su San Talks Tech
Su San Talks Tech
Jun 10, 2025 · Artificial Intelligence

Unlock AI-Powered Diagramming: 5 Proven Methods to Automate Your Charts

This guide shows programmers how to harness AI—especially Claude 4 via Cursor—to instantly generate professional diagrams such as flowcharts, UML, SVG, Canvas dashboards, and mind maps, offering step‑by‑step prompts, code examples, tool comparisons, and advanced tips for rapid, high‑quality visual documentation.

AI diagrammingDraw.ioMermaid
0 likes · 19 min read
Unlock AI-Powered Diagramming: 5 Proven Methods to Automate Your Charts
macrozheng
macrozheng
Feb 3, 2025 · Fundamentals

Master Free Online Diagramming with Diagrams (draw.io): A Complete Guide

This tutorial walks you through using the free online diagramming tool Diagrams (draw.io), covering how to launch the editor, navigate its interface, and leverage its menu bar, toolbar, shape library, canvas, style panel, and page controls to create professional flowcharts and diagrams.

DiagrammingDraw.ioFlowchart
0 likes · 9 min read
Master Free Online Diagramming with Diagrams (draw.io): A Complete Guide
Java Tech Enthusiast
Java Tech Enthusiast
Jan 18, 2025 · Fundamentals

Using Diagrams (draw.io) for Creating Flowcharts and Diagrams

The article introduces the free, web‑based diagramming tool Diagrams (draw.io) as an accessible alternative to Visio and ProcessOn, explains how to launch it, choose storage, and use its menu bar, toolbar, shape palette, canvas, style panel, and bottom bar, and shows renaming, file‑type changes, and multi‑page organization for creating flowcharts, mind maps, and other diagrams without installing software.

DiagrammingDraw.ioFlowchart
0 likes · 7 min read
Using Diagrams (draw.io) for Creating Flowcharts and Diagrams
Su San Talks Tech
Su San Talks Tech
Jan 11, 2025 · Fundamentals

Master Free Online Diagramming with Diagrams (draw.io): A Complete Guide

This article introduces the free online diagramming tool Diagrams (draw.io), compares it with Visio and ProcessOn, explains how to access the web interface, and provides a detailed walkthrough of its UI components—including menu bar, toolbar, shape library, canvas, style panel, and bottom bar—so readers can create professional flowcharts efficiently.

DiagramsDraw.ioUI walkthrough
0 likes · 9 min read
Master Free Online Diagramming with Diagrams (draw.io): A Complete Guide
Liangxu Linux
Liangxu Linux
Nov 26, 2024 · Fundamentals

Boost Your VSCode Workflow with Top Diagramming Extensions

This guide introduces Visual Studio Code and walks through three popular diagramming extensions—Draw.io Integration, Excalidraw, and tldraw—explaining their features, installation steps, file formats, and how to use them directly within VSCode to streamline visual documentation.

DiagrammingDraw.ioExtensions
0 likes · 4 min read
Boost Your VSCode Workflow with Top Diagramming Extensions
Tencent Cloud Developer
Tencent Cloud Developer
Sep 12, 2024 · Fundamentals

5 Essential Open-Source Drawing Tools for Programmers: Draw.io, Excalidraw, Graphviz, Matplotlib, and PlantUML

The article reviews five essential open-source drawing tools for programmers—Draw.io for versatile diagramming, Excalidraw’s hand-drawn style, Graphviz’s automatic graph layout, Python’s Matplotlib for data visualizations, and PlantUML’s simple markup-based UML creation—highlighting key features, platforms, and typical use cases.

Diagram ToolsDraw.ioGraphviz
0 likes · 9 min read
5 Essential Open-Source Drawing Tools for Programmers: Draw.io, Excalidraw, Graphviz, Matplotlib, and PlantUML
DevOps Cloud Academy
DevOps Cloud Academy
Jun 23, 2024 · Fundamentals

Generating Flowcharts and Diagrams with Mermaid and draw.io Using ChatGPT

This article explains how to use ChatGPT to generate Mermaid diagram code for flowcharts, sequence diagrams, Gantt charts, and entity‑relationship diagrams, and then import the code into the online drawing tool draw.io to create visual workflow charts, highlighting the benefits over manual drawing.

ChatGPTDiagramDocumentation
0 likes · 6 min read
Generating Flowcharts and Diagrams with Mermaid and draw.io Using ChatGPT
Su San Talks Tech
Su San Talks Tech
Nov 1, 2023 · Fundamentals

Master Diagramming with draw.io: Tips, Tools, and Best Practices

This guide explains why diagrams are essential for technical articles, introduces draw.io as a free, cloud‑backed diagramming tool, demonstrates basic shapes, advanced combinations, image hosting options, and also recommends mind‑mapping and code‑screenshot utilities for clearer communication.

DiagrammingDraw.iocode screenshots
0 likes · 11 min read
Master Diagramming with draw.io: Tips, Tools, and Best Practices
Su San Talks Tech
Su San Talks Tech
Dec 29, 2022 · Fundamentals

Why Every Developer Should Master draw.io for Clear Diagrams

This guide explains why diagrams are essential for technical articles, introduces draw.io as a free, GitHub‑backed tool, walks through its interface, basic shapes, advanced combinations, and also recommends complementary tools like XMind and carbon.now.sh for mind‑maps and code screenshots.

DiagrammingDraw.iotechnical writing
0 likes · 11 min read
Why Every Developer Should Master draw.io for Clear Diagrams
Sohu Tech Products
Sohu Tech Products
Nov 2, 2022 · Fundamentals

Common Diagramming Tools and Their Features

This article introduces several popular diagramming tools—including Excalidraw, draw.io, Yuque, XMind, Carbon, and ProcessOn—detailing their main capabilities, templates, export options, collaboration features, and where to access them online.

CarbonDiagrammingDraw.io
0 likes · 7 min read
Common Diagramming Tools and Their Features
Architect
Architect
Dec 29, 2021 · Fundamentals

A Complete Guide to Using Diagrams (draw.io) for Creating Flowcharts

This article introduces the free online diagramming tool Diagrams (also known as draw.io), explains how to access its web interface, and provides a detailed walkthrough of its UI components—including the menu bar, toolbar, shape library, canvas, style panel, and bottom navigation—so readers can efficiently create and manage flowcharts.

DiagrammingDraw.ioFlowchart
0 likes · 8 min read
A Complete Guide to Using Diagrams (draw.io) for Creating Flowcharts
Liangxu Linux
Liangxu Linux
Dec 18, 2021 · Fundamentals

Master Free Online Diagramming with draw.io: A Complete Walkthrough

This guide introduces the free online diagramming tool draw.io (diagrams.net), explains how to access it, compares it with other options, and provides a detailed overview of its interface—including menus, toolbars, shape libraries, canvas, style panel, and page management—so users can start creating professional diagrams quickly.

Draw.ioTutorialUI guide
0 likes · 8 min read
Master Free Online Diagramming with draw.io: A Complete Walkthrough
Java Backend Technology
Java Backend Technology
Dec 13, 2021 · Fundamentals

Mastering Diagrams (draw.io): A Complete Guide to Free Online Diagramming

This tutorial introduces the free online diagramming tool Diagrams (draw.io), covering how to access the editor, its interface components—including menu bar, toolbar, shape library, canvas, style panel, and page navigation—and tips for saving and customizing diagrams, helping readers quickly create professional flowcharts.

DiagramsDraw.ioUI guide
0 likes · 9 min read
Mastering Diagrams (draw.io): A Complete Guide to Free Online Diagramming
Su San Talks Tech
Su San Talks Tech
Dec 12, 2021 · Fundamentals

Master Free Online Diagramming with Diagrams (draw.io): A Complete Guide

This article introduces the free online diagramming tool Diagrams (draw.io), covering its features, how to access the interface, and detailed walkthrough of menus, toolbars, shape libraries, canvas, style panel, and page management, helping users create professional flowcharts efficiently.

DiagrammingDraw.ioFlowchart
0 likes · 8 min read
Master Free Online Diagramming with Diagrams (draw.io): A Complete Guide
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 28, 2021 · Fundamentals

Why Architecture Diagrams Matter: Principles, Methods, and Tools for Effective Software Design

This article explains the essence of software architecture, its core elements, why clear diagrams are crucial for communication and quality, and presents practical principles, patterns like UML, 4+1, C4, arc42, and tools such as draw.io and PlantUML to help engineers create accurate, consistent, and maintainable architectural documentation.

C4 ModelDiagrammingDraw.io
0 likes · 34 min read
Why Architecture Diagrams Matter: Principles, Methods, and Tools for Effective Software Design
FunTester
FunTester
Feb 16, 2021 · Backend Development

Visualizing FunTester: A Detailed Architecture Diagram and Insights

During the Chinese New Year break the author used draw.io (now diagrams.net) to create a comprehensive architecture diagram of the FunTester testing framework, outlining its functional and performance layers, supported protocols, utility modules, and multithreaded execution model.

BackendDraw.ioFunTester
0 likes · 6 min read
Visualizing FunTester: A Detailed Architecture Diagram and Insights
The Dominant Programmer
The Dominant Programmer
Nov 10, 2020 · Fundamentals

How to Easily Create Flowcharts Directly in VSCode

This guide shows how to install the Draw.io Integration extension in VSCode, create a .drawio file, design flowcharts within the editor, load additional symbols, and export the diagram in various formats without leaving the IDE.

DiagrammingDraw.ioFlowchart
0 likes · 2 min read
How to Easily Create Flowcharts Directly in VSCode