Best SVG MCP Servers
SVG (Scalable Vector Graphics) is an XML-based vector image format for two-dimensional graphics maintained by the World Wide Web Consortium (W3C). It's a standard format for vector graphics on the web.
Why this server?
Analyzes Figma DSL structure to extract and download SVG resources and vectors with intelligent handling of complex node structures
AlicenseBqualityCmaintenanceAn MCP server that provides utilities for web developers to automate API integration, convert Figma designs to code, and optimize development workflows with tools for asset management and code generation.2818 npm38Mozilla Public 2.0Why this server?
Encodes SVG files as Base64 or percent-encoded data URIs for direct embedding in HTML and CSS, selecting the shorter form.

@first-ch/tools-mcpofficial
AlicenseAqualityBmaintenanceMCP server exposing First CH Tools' free web-tool logic for WCAG contrast, JP character counting, WebP conversion, JSON-LD, and llms.txt generation to AI agents.6303 npmMITWhy this server?
Integration with SVG technology via SVGL for accessing and utilizing logo assets and brand icons in various formats including raw SVG markup.
AlicenseBqualityAmaintenanceAn AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.459,778 npm5,859ISCWhy this server?
Allows importing SVG path data into Illustrator documents as editable vector paths.
AlicenseAqualityCmaintenanceAn MCP server that lets AI assistants like Claude control Adobe Illustrator through natural language by executing ExtendScript code and providing document state inspection.127MITWhy this server?
Enables generation of QR codes in SVG format through the MCP server's generator tools.
AlicenseAqualityDmaintenanceFork of @cyanheads toolkit MCP server. Added encoding functions, removed system network functions.1413 npm3Apache 2.0Why this server?
Supports exporting canvas data to SVG format through the export_canvas tool, allowing visualization of JSON Canvas content.
AlicenseAqualityDmaintenanceA Model Context Protocol server that enables creating, modifying, and validating infinite canvas data structures according to the JSON Canvas 1.0 specification.714MITWhy this server?
Enables exporting Excalidraw drawings to SVG format.
AlicenseAqualityDmaintenanceA Model Context Protocol server that provides API functionality for creating, managing, and exporting Excalidraw drawings in various formats like SVG, PNG, and JSON.83,095 npm45MITWhy this server?
Supports exporting generated mind maps in SVG format, preserving the vector graphics quality of the visualization.
AlicenseAqualityAmaintenanceA Model Context Protocol server that converts Markdown text to interactive mind maps with support for rich interactive operations and multi-format exports.1676 npm287MITWhy this server?
Retrieves SVG code for icons, allowing direct access to vector graphics that can be used in UI/UX design and frontend development projects.
AlicenseBqualityDmaintenanceMCP server that allows FE/UI/Designers to retrieve SVG icons via the Iconify API by simply asking LLMs rather than manually searching websites.317 npm4MIT