MCP server

SVG Lab Official

app.svglab/svglab

Checked 26 Oct 2026, 08:29 UTC · Connected to it and listed its tools

SVG Lab MCP: the Design Engine for AI. App screens, icons, illustrations and charts as SVG.

Website Source

At a glance

Type

MCP server

Publisher

svglab.app (verified by the MCP Registry)

Status

Working at last check

Tools

90

Token cost

About 16,411 tokens per request

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok

Last checked

26 Oct 2026, 08:29 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http svglab https://svglab.app/mcp/agents

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.svglab]
url = "https://svglab.app/mcp/agents"

Gemini CLI

{"mcpServers":{"svglab":{"httpUrl":"https://svglab.app/mcp/agents"}}}

Cursor

{"mcpServers":{"svglab":{"url":"https://svglab.app/mcp/agents"}}}

VS Code

{"servers":{"svglab":{"type":"http","url":"https://svglab.app/mcp/agents"}}}

Antigravity

agy mcp add svglab https://svglab.app/mcp/agents

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"svglab","server_url":"https://svglab.app/mcp/agents","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"svglab","server_url":"https://svglab.app/mcp/agents"}

Tools

• account_status ~46 tokens
  Report the plan, access, SVG Lab credits left and what actions cost.
• add_artboard ~316 tokens
  Add a screen, slide, page or post (preset sizes it). What a control opens (dropdown, filter, menu) is add_hidden_ui.
• add_hidden_ui ~280 tokens
  Use when a control opens hidden UI: adds a sized, linked dropdown, side, sheet, dialog or state board beside its screen.
• add_texture ~264 tokens
  Add hatch, stipple, facet or strata marks clipped to a shape of a drawing on its "Drawing · <illustration>" board. On a screen the marks are refused as a picture drawn onto it.
• align ~84 tokens
  Align shapes to a shared edge or centre.
• align_to_artboard ~98 tokens
  Position shapes relative to their artboard.
• apply_layout_fixes ~228 tokens
  Move misaligned layout children to their suggested positions.
• bind_slot ~138 tokens
  Fit artwork into a layout slot and keep it bound to it.
• boolean_op ~88 tokens
  Union, subtract, intersect or exclude shapes into one new path.
• check_contacts ~189 tokens
  Measure whether parts touch what they belong to.
• check_contrast ~101 tokens
  Compute WCAG contrast between two colours.
• clip_shapes ~79 tokens
  Clip or mask shapes with another shape.
• clip_to_artboard ~83 tokens
  Clip shapes that cross their artboard's frame.
• compare_drawing ~748 tokens
  Measure your drawing against the picked image: overlay, difference map, pixels off and the shape misses left; candidates score edits before you send them. measure reads the picked image itself (a gridded crop, colour samples, colour runs).
• create_icon ~127 tokens
  Draw a built-in monoline icon (docs {components} names them).
• create_layout ~1160 tokens
  Build a screen or section from a layout tree; returns boxes, ids and measured warnings. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
• create_path ~694 tokens
  Draw one path from anchors with optional absolute handles. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
• create_shapes ~266 tokens
  Draw up to 80 shapes, text, paths and pencil strokes in one call; illustrations are copied from a reference. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
• current_project ~38 tokens
  Show the current project and its link.
• define_styles ~274 tokens
  Define named style presets. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
• delete_shapes Deletes data · ~53 tokens
  Delete shapes.
• describe_document ~93 tokens
  Describe the artboards and shapes.
• design_tokens ~223 tokens
  Change the project's design tokens. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
• detach_symbol ~54 tokens
  Turn one symbol instance into editable shapes.
• distribute ~76 tokens
  Space three or more shapes evenly.
• docs ~471 tokens
  SVG Lab's reference: start-here, each tool's full details, design guides and the illustration routine. docs {fonts} lists the type catalog; docs {components} lists the components, icons and layout node types.
• draw_svg ~626 tokens
  Upload the SVG you wrote by hand of the picked image onto its drawing artboard, with differences: every difference you still see, however small ([] at shape_misses 0). Auto-traced SVG (potrace, vtracer, colour quantising, any script that turns pixels into paths) is refused. With a shell (Claude Code
• duplicate ~66 tokens
  Copy shapes in place or at an offset.
• edit_path ~565 tokens
  Change a path's anchors and handles in place. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
• export_artboard ~127 tokens
  Export an artboard as SVG, with a preview card and a link to a PNG picture.
• export_code ~116 tokens
  Export screens as code (HTML, React, SwiftUI, Compose, Flutter) or layered SVG, with tokens and assets, as a ZIP link.
• export_document ~217 tokens
  The finished deck or document by link: PDF, editable PowerPoint (pptx) or post images.
• find_references ~225 tokens
  SVG Lab's reference pictures for one planned illustration (illustration, query): Creative Commons first, each with its licence, no stock-agency previews; candidates are for you only.
• fit_artboard ~53 tokens
  Fit the active artboard to the artwork on it, plus optional padding.
• fit_to_box ~144 tokens
  Scale and move shapes together into a box; placing an illustration removes its drawing board.
• fit_to_children ~194 tokens
  Resize a container to wrap its children.
• flip ~76 tokens
  Flip shapes horizontally or vertically.
• generate_illustration ~163 tokens
  Draw a planned illustration with SVG Lab's vector model: editable SVG from a text brief, the faster route (500 credits).
• get_assets ~111 tokens
  Get drawings and icons as SVG or PNG files by asset id or artboard; a ZIP link for many.
• group ~67 tokens
  Group shapes.
• illustration_jobs ~52 tokens
  Progress of drawings by SVG Lab's vector model: status, seconds, group_id once placed.
• inspect_layout ~226 tokens
  Measure overlap, overflow and alignment; changes nothing.
• inspect_path ~230 tokens
  Read a path's anchors, handles and construction issues.
• list_artboards ~32 tokens
  List the artboards.
• list_design_styles ~33 tokens
  List style presets.
• list_layouts ~34 tokens
  List this project's layouts.
• list_projects ~33 tokens
  List the user's projects.
• list_shapes ~96 tokens
  List shapes with ids, boxes and stacking order.
• list_symbols ~31 tokens
  List the symbols.
• look ~316 tokens
  Render an artboard with measured facts, or compare a region with a reference.
• make_responsive ~138 tokens
  Show a phone screen on other phones and foldables, reflowed, on new artboards.
• make_symbol ~65 tokens
  Turn shapes into a reusable symbol.
• measure_optical_center ~101 tokens
  Report the optical-centre correction without moving anything.
• measure_text ~173 tokens
  Measure how text wraps and renders, without drawing it.
• mirror ~148 tokens
  Make a mirrored copy, or join a half outline with its reflection.
• name_group ~51 tokens
  Name a group.
• new_project ~416 tokens
  Start a project: kind "ui" (apps, sites) or "marketing" (decks, pitch decks, posters, ads, posts, flyers, reports).
• normalize_radii ~78 tokens
  Give rectangles one corner radius.
• normalize_spacing ~91 tokens
  Set one equal gap between shapes.
• offset_path ~69 tokens
  Draw a new path at a set distance outside or inside a path.
• open_project ~48 tokens
  Open a saved project.
• optical_center ~100 tokens
  Move an icon so its visual centre sits on its container's centre.
• pause_editor ~35 tokens
  Save and close the server editor.
• pencil ~574 tokens
  Draw a freehand stroke the way the Pencil tool does. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
• place_image ~234 tokens
  Place a photograph in a box.
• place_symbol ~62 tokens
  Place an instance of a symbol.
• plan_illustrations ~202 tokens
  List the illustrations each screen needs (none, one or several); the reply gives per_screen and the routes for the user to approve.
• read_screen ~86 tokens
  Read a screen's layout tree, sizing, text, paint, taps, asset ids and tokens, to build it in code.
• reorder ~91 tokens
  Change stacking order.
• repeat ~191 tokens
  Copy shapes into a row, grid or circle.
• resize ~101 tokens
  Set the exact width or height of shapes.
• resolve_overflow ~110 tokens
  Move shapes back inside a frame.
• scatter ~282 tokens
  Place many seeded copies of one item inside an area.
• search_photos ~110 tokens
  Search Unsplash and Pexels for photographs; nothing is placed.
• set_active_artboard ~61 tokens
  Make an artboard the active one.
• set_artboard ~316 tokens
  Resize, move, rename, recolour or delete an artboard; notes holds a slide's speaker notes.
• set_filter ~254 tokens
  Set blur, soft shadows and opacity, or clear them.
• set_gradient ~311 tokens
  Paint fill or stroke with a linear or radial gradient.
• set_locked ~65 tokens
  Lock or unlock shapes.
• set_pattern ~74 tokens
  Fill shapes with a built-in pattern.
• set_reference_image ~211 tokens
  Load the find_references picture picked for a planned illustration (or the user's own picture as data_url); the reply shows it. Not in the design.
• set_style ~165 tokens
  Change fill, stroke, caps, joins, taper or opacity.
• set_text ~146 tokens
  Change text content or typography.
• smooth_path ~267 tokens
  Fill missing handles, refit curves, or turn a stroke into ink.
• snap_to_grid ~95 tokens
  Snap shapes to a grid.
• text_on_path ~90 tokens
  Set a text shape along a path.
• transform ~84 tokens
  Move, scale or rotate shapes.
• ungroup ~56 tokens
  Break groups into their shapes.
• update_layout ~333 tokens
  Patch or replace a layout made by create_layout. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.
• upload_asset ~223 tokens
  Place the user's own image or SVG file.

Browse

• Claude tools

Related MCP servers

• Overflow Design
  Search and fetch hand-drawn icons, illustrations and isometric drawings. The free set needs no key.
• Picorn
  Picorn turns AI briefs into editable social images and videos with layers, timelines, and renders.
• Claycut
  Custom transparent PNG icons in your project's style, added by your coding agent. Free starter set.
• Web3icon by Yuhitsuro
  Free Web3 icons, illustrations, animated SVGs, and Lottie JSON by Yuhitsuro. Read-only.
• Forge Engine
  Design spec + milestones AI coding agents read before building; drift flagged, changes reviewed.
• Googleapis
  Provides UX capabilities to enhance the design output and understanding of AI systems.
• AMNT SVG
  Text or image to clean, editable SVG from $0.01. Free SVG library + agent search, no key.
• Design Lounge
  A UI design library and skill for agents, with a page review for AI giveaways, SEO, AEO, and GEO.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/app.svglab/svglab.svg)](https://aptlynx.net/servers/app.svglab/svglab)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents