Figcraft - Code-driven SVG Diagram Generator
@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
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.
