5 Must‑Try Draw.io Features You’ll Love
This guide walks through five powerful Draw.io capabilities—including Alibaba Cloud and Azure icon libraries, sketch‑style diagrams with animation, automatic ER diagram generation from SQL, and Mermaid syntax import—showing how to enable and use each feature with screenshots.
Draw.io is a free, versatile diagramming tool that supports flowcharts, org charts, UML diagrams, and more, available both as a web app (self‑hostable) and a desktop client. The article highlights five useful features that can improve diagram quality and workflow.
Feature 1: Alibaba Cloud‑style icons (2024 update)
The latest version (released on 2024‑12‑05) bundles an Alibaba Cloud icon library, which previously required external imports or the ProcessOn service. Users can download the newest draw.io release, open the "More Shapes" panel, and add vector‑based Alibaba Cloud icons that can be recolored. An example deployment architecture diagram demonstrates the visual improvement.
Feature 2: Azure‑style icons
Draw.io now includes an Azure icon set similar to the one provided by ProcessOn. By searching for "azure" in the shape library and opening the library via right‑click, users can insert Azure‑style symbols into their diagrams, as shown in the screenshots of a micro‑service deployment diagram.
Feature 3: Sketch (hand‑drawn) style
For a hand‑drawn look, draw.io offers a "Sketch" configuration that mimics Excalidraw. Enabling this option applies a sketchy stroke style, and an additional "Animation" setting can animate the lines. Screenshots illustrate the effect.
Feature 4: ER diagram generation from SQL
Draw.io can import SQL statements to automatically generate entity‑relationship diagrams. After selecting the "Import SQL" option and pasting the SQL code, the tool renders the corresponding ER diagram, providing a quick way to visualize database schemas.
Feature 5: Mermaid syntax import
Users can paste Mermaid code (e.g., a sequence diagram) into draw.io, and the tool converts it into a graphical diagram. The article shows the steps: locate the Mermaid import area, paste the code, and view the rendered diagram. A link to a prior article on Mermaid usage is provided for further reference.
The article concludes by encouraging readers to explore additional draw.io features documented on external sites such as Juejin and CSDN.
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
Ubiquitous Tech
A ubiquitous public account for pirate enthusiasts, regularly sharing curated experiences, tech learning, and growth insights. Currently publishing articles on AI RAG customer service, AI MCP technology, and open-source design. Personal free Knowledge Planet: Awakening New World Programmer.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.