
Figcraft - Code-driven SVG Diagram Generator
@zeqinlee
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
基本情報
設定
以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。
{
"mcpServers": {
"figcraft": {
"command": "npx",
"args": [
"figcraft-mcp"
]
}
}
}ツール
ツールは検出されませんでした
ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。
概要
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.
「開発者ツール」の他のコンテンツ
MCP Framework
QuantGeekDevThe Typescript MCP Framework

Sentry
modelcontextprotocolModel Context Protocol Servers
FastAPI-MCP
tadata-orgExpose your FastAPI endpoints as Model Context Protocol (MCP) tools, with Auth!
nuxt-mcp / vite-plugin-mcp
antfuMCP server helping models to understand your Vite/Nuxt app better.
test
harlancA simple,high performance and secure live media server in pure Rust (RTMP[cluster]/RTSP/WebRTC[whip/whep]/HTTP-FLV/HLS).🦀
コメント