Figcraft - Code-driven SVG Diagram Generator

Name: Figcraft - Code-driven SVG Diagram Generator
Author: zeqinlee

@zeqinlee

Code-driven SVG diagram library for TypeScript/Node.js. Generate publication-quality architecture diagrams, flowcharts, and neural network diagrams with just a few lines of code. Features 10

Developer Tools #svg #diagram #flowchart #architecture #typescript #node #mcp

Repository

Features

10 built-in shapes: Rect, Circle, Diamond, Trapezoid, Cylinder, Cuboid, Sphere, Stack, Text, Image
11 arrow head styles with open variants
Smart auto-routing with obstacle avoidance (v0.2.0+)
Layout helpers: row(), col(), grid(), group()
Export to SVG, PNG, JPG, WebP, PDF
No browser required — pure Node.js

MCP Tools

create_diagram — Generate SVG diagrams from TypeScript code
get_element_types — List all available shapes and their parameters

Quick Start

npm install figcraft

Documentation

https://figcraft.xflowing.com/docs.html

Server config

{
  "mcpServers": {
    "figcraft": {
      "command": "npx",
      "args": [
        "figcraft-mcp"
      ]
    }
  }
}

Basic information

Transports: stdio
Publisher: zeqinlee
Submitted by: ZEQIN LI

Figcraft - Code-driven SVG Diagram Generator

Features

MCP Tools

Quick Start

Documentation

More from Developer Tools

Test

Sentry

Serena

test

FastAPI-MCP