Figcraft - Code-driven SVG Diagram Generator

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

@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

Basic information

Config

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

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

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

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.

Comments

More Developer Tools MCP servers

DevDocs by CyberAGI 🚀

cyberagiinc

Completely free, private, UI based Tech Documentation MCP server. Designed for coders and software developers in mind. Easily integrate into Cursor, Windsurf, Cline, Roo Code, Claude Desktop App

2.1K