Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

A command line tool for porting Excalidraw diagrams to Gliffy, draw.io and Mermaid.

License

NotificationsYou must be signed in to change notification settings

sindrel/excalidraw-converter

logo Excalidraw Converter

A command line tool for porting Excalidraw diagrams to Gliffy, draw.io and Mermaid.

Excalidraw is great for sketching diagrams as part of a design process, but chances are that you have to redo those sketches for documentation. This tool is made to bridge those tasks.

Excalidraw vs. Gliffy comparison

Supported Commands

CommandDescriptionDocumentation
gliffyConvert Excalidraw diagrams to Gliffy formatUsage
mermaidConvert Excalidraw diagrams to Mermaid formatUsage

Getting Started

Installation

MacOS withHomebrew (stable)

brew install excalidraw-converter
Latest releases

Use this tap to stay on the latest releases that have not (yet) been added to the official Homebrew Formulae:

brew install sindrel/tap/excalidraw-converter

Installation for other OSes

Download a compatible binary from theReleases page.

If you're a Linux or MacOS user, move it to your local bin folder to make it available in your environment (optional).

Quick Start

Convert your Excalidraw diagram by running:

exconv<command> -i<input-file>

See below for details on each command, available options and examples.

Command Usage & Examples

Gliffy & Draw.io

Converts to a Gliffy compatible format, which can be imported directly into services likeGliffy,Gliffy for Confluence,draw.io ordraw.io for Confluence.

Usage:

  • Mac/Linux:
    exconv gliffy -i my-diagram.excalidraw
  • Windows:
    exconv.exe gliffy -i C:\path\to\my-diagram.excalidraw

Flags:

  -h, --helphelpfor gliffy  -i, --input string    input file path  -o, --output string   output file path (default"your_file.gliffy")

Importing in Gliffy

Animation demonstrating use

After converting your diagram(s), import them into Gliffy (or draw.io) using the standard Import dialog. Mermaid diagrams can be pasted or included in markdown files or compatible tools.


Mermaid

Converts to aMermaid diagram that can be used for a variety of cases, such as being included in markdown fileson GitHub,GitLab,MkDocs orDocusaurus.

Note

  • Currently only supports conversion to flowcharts.
  • Only elements that are connected by arrows, or contained inside a connected element, are included.

Usage:

  • Mac/Linux:
    exconv mermaid -i my-diagram.excalidraw
  • Windows:
    exconv.exe mermaid -i C:\path\to\my-diagram.excalidraw

Flags:

  -d, --direction string   flow direction'default','top-down','left-right','right-left' or'bottom-top' (default"top-down")  -h, --helphelpfor mermaid  -i, --input string       input file path  -o, --output string      output file path (default"your_file.mermaid")  -p, --print-to-stdout    print output to stdout instead of a file

Validate a converted diagram

You can validate and customize a converted diagram using tools likeMermaid Live Editor.

Import a converted diagram back into Excalidraw

After converting your diagram(s), you can use theMermaid to Excalidraw playground to convert it back to the Excalidraw format.

Note that some styling attributes could be lost as part of the conversion and import process.

Example diagram embedded in markdown

Click to expand
flowchart subgraph N0 [" "]  N4(("Hello!"))  N2{"Lorem Ipsum"}  subgraph N1 ["Example"]    N5("Sit Amet")    N3["Dolor"]  endendN2 --> N3N2 --> N5style N4 stroke:#e03131,stroke-width:2,fill:#ffffff,color:#e03131;style N5 stroke:#1e1e1e,fill:#ffc9c9,font-size:90%;style N3 stroke-dasharray: 2 2,stroke:#1e1e1e,stroke-width:2,fill:#ffec99,font-size:90%;style N2 stroke-dasharray: 5 5,stroke:#1e1e1e,fill:#b2f2bb,font-size:90%;style N0 stroke:#1e1e1e,stroke-width:2,fill:#a5d8ff;style N1 stroke:#1e1e1e,fill:#e7f5ff,font-size:90%;
Loading

Features

All fixed shapes and most styling and text options are supported.

Shapes

ShapeGliffyMermaid
Rectangle
Rounded rectangle
Diamond
Ellipse
Arrow
Line
Image
Free drawing (pencil)
Library graphics*

Text

Text OptionGliffyMermaid
Font family (Normal/Code)
Font size
Font color
Horizontal alignment
Vertical alignment
Text contained in shapes

Styling

Styling OptionGliffyMermaid
Canvas background color
Fill color
Fill style (hachure/cross)
Stroke color
Stroke width
Opacity
Links

* Library graphics are not fully supported (experimental).

Compatibility with draw.io

Converted Gliffy diagrams should also work in the online version ofdraw.io.

In draw.io, you can import a diagram by simply opening the file from your device. If you're using draw.io for Confluence, you should be able usethe import dialog.

Note that this isonly supported in the online version of draw.io, not the desktop app.

Compatibility with Excalidraw for Obsidian

Diagrams created using theExcalidraw for Obsidian plugin must be exported before conversion, as describedhere.

Contributing

See something you'd like to improve? Great! See thecontributing guidelines for instructions.

Attributions

Development

Instructions

Prerequisites:

  • Go (see version ingo.mod)

Download dependencies

go mod download

Run tests

gotest -v ./...

Compile and run

go run ./cmd/main.go<command><arguments>

About

A command line tool for porting Excalidraw diagrams to Gliffy, draw.io and Mermaid.

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Contributors4

  •  
  •  
  •  
  •  

[8]ページ先頭

©2009-2026 Movatter.jp