Figcraft - Code-driven SVG Diagram Generator

@zeqinlee

About Figcraft - Code-driven SVG Diagram Generator

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

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

Config

Add this server to your MCP-compatible client using the configuration below.

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

Tools

No tools detected

Fetch the live tool list by running this server in a temporary sandbox using the button above.

Overview

What is Figcraft - Code-driven SVG Diagram Generator?

Figcraft is a code-driven SVG diagram generator that runs entirely in Node.js and exposes two MCP tools: create_diagram for generating SVG diagrams from TypeScript code, and get_element_types for listing all available shapes and parameters. It is built for developers who need to programmatically create diagrams without a browser dependency.

How to use Figcraft - Code-driven SVG Diagram Generator?

Install via npm install figcraft, then invoke the MCP tools create_diagram (to generate diagrams from TypeScript code) or get_element_types (to see available shapes and their parameters). Refer to the online documentation at https://figcraft.xflowing.com/docs.html for full usage details.

Key features of Figcraft - Code-driven SVG Diagram Generator

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
Pure Node.js — no browser required

Use cases of Figcraft - Code-driven SVG Diagram Generator

Generate flowcharts and architectural diagrams programmatically from TypeScript code
Automate diagram creation in CI/CD pipelines or backend services
Create diagrams with custom layouts using built-in layout helpers
Export diagrams to multiple raster and vector formats for documentation
Integrate diagram generation into MCP-compatible assistants and workflows

FAQ from Figcraft - Code-driven SVG Diagram Generator

What shapes are available in Figcraft?

Figcraft includes 10 built-in shapes: Rect, Circle, Diamond, Trapezoid, Cylinder, Cuboid, Sphere, Stack, Text, and Image.

Does Figcraft require a browser or headless browser?

No — Figcraft is pure Node.js and runs entirely server-side with no browser dependency.

What export formats are supported?

Figcraft can export diagrams to SVG, PNG, JPG, WebP, and PDF.

How do I install Figcraft?

Installation is done via npm: npm install figcraft. No additional runtime dependencies are required.

Does Figcraft support automatic routing of connectors?

Yes, as of version v0.2.0+, Figcraft provides smart auto-routing with obstacle avoidance for connector lines.

Frequently asked questions

What shapes are available in Figcraft?

Figcraft includes 10 built-in shapes: Rect, Circle, Diamond, Trapezoid, Cylinder, Cuboid, Sphere, Stack, Text, and Image.

Does Figcraft require a browser or headless browser?

No — Figcraft is pure Node.js and runs entirely server-side with no browser dependency.

What export formats are supported?

Figcraft can export diagrams to SVG, PNG, JPG, WebP, and PDF.

How do I install Figcraft?

Installation is done via npm: `npm install figcraft`. No additional runtime dependencies are required.

Does Figcraft support automatic routing of connectors?

Yes, as of version v0.2.0+, Figcraft provides smart auto-routing with obstacle avoidance for connector lines.

Comments

Basic information

More Developer Tools MCP servers

Sentry

modelcontextprotocol

Model Context Protocol Servers

88.1K

Reelier

Maxime Houle

Agents make claims. Reelier writes receipts — record an agent's tool-call workflow once, replay it deterministically at 0 tokens, and diff runs to catch drift.

Skilder.ai

skilder.ai

Run skills and MCP tools like production software: versioned, composed into roles, distributed to every agent from one governed library.

extentos

Asger mølgaard

Extentos is a multi-vendor development platform for adding smart-glasses capabilities to existing iOS and Android apps. The simplest analogy is Stripe for smart glasses:

MCP Server By TestMu AI

TestMu AI

TestMu AI MCP Server lets developers run, debug, and triage tests through natural language directly from their IDE (Cursor, Claude, GitHub Copilot, and other MCP clients). It exposes five tools — HyperExecute (test orche