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

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.

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

mcp-excalidraw

yctimlin

MCP server and Claude Code skill for Excalidraw — programmatic canvas toolkit to create, edit, and export diagrams via AI agents with real-time canvas sync.

2.1K

TranscriptFetch MCP Server

TranscriptFetch

Model Context Protocol (MCP) server for TranscriptFetch: fetch YouTube transcripts, search, channels, and playlists from any MCP client.

AptiBuild AI — Career Intelligence

ParklandBuilds

AptiBuild AI MCP Server — career, labor market, and business idea intelligence for AI agents. 11 tools covering real-time FRED labor market signals, BLS wage data (126 occupations), AI-generated app ideas, career paths,

Unity MCP (Server + Plugin)

IvanMurzak

AI Skills, MCP Tools, and CLI for Unity Engine. Full AI develop and test loop. Use cli for quick setup. Efficient token usage, advanced tools. Any C# method may be turned into a tool by a single line. Works with Claude Code, Gemini, Copilot, Cursor and any other absolutely for fr

3.5K

Grafana MCP server

grafana

MCP server for Grafana

3.2K