SVG Lab MCP: the Design Engine for AI. App screens, icons, illustrations and charts as SVG.
Connect Remote server
claude mcp add --transport http svglab https://svglab.app/mcp/agents
{
"mcpServers": {
"svglab": {
"url": "https://svglab.app/mcp/agents"
}
}
}
{
"servers": {
"svglab": {
"type": "http",
"url": "https://svglab.app/mcp/agents"
}
}
}
Settings > Connectors > Add custom connector
URL: https://svglab.app/mcp/agents
Tools 80 found in our last check
account_statusReport the plan, access, SVG Lab credits left and what actions cost.
create_shapesDraw 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.
create_pathDraw 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.
pencilDraw 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.
edit_pathChange 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.
smooth_pathFill missing handles, refit curves, or turn a stroke into ink.
boolean_opUnion, subtract, intersect or exclude shapes into one new path.
offset_pathDraw a new path at a set distance outside or inside a path.
transformMove, scale or rotate shapes.
alignAlign shapes to a shared edge or centre.
distributeSpace three or more shapes evenly.
align_to_artboardPosition shapes relative to their artboard.
set_styleChange fill, stroke, caps, joins, taper or opacity.
set_gradientPaint fill or stroke with a linear or radial gradient.
set_filterSet blur, soft shadows and opacity, or clear them.
set_patternFill shapes with a built-in pattern.
clip_shapesClip or mask shapes with another shape.
clip_to_artboardClip shapes that cross their artboard's frame.
text_on_pathSet a text shape along a path.
set_textChange text content or typography.
duplicateCopy shapes in place or at an offset.
groupGroup shapes.
ungroupBreak groups into their shapes.
name_groupName a group.
reorderChange stacking order.
resizeSet the exact width or height of shapes.
fit_to_boxScale and move shapes together into a box; placing an illustration removes its drawing board.
fit_to_childrenResize a container to wrap its children.
repeatCopy shapes into a row, grid or circle.
mirrorMake a mirrored copy, or join a half outline with its reflection.
flipFlip shapes horizontally or vertically.
scatterPlace many seeded copies of one item inside an area.
add_textureAdd 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.
create_iconDraw a built-in monoline icon (docs {components} names them).
create_layoutBuild 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.
update_layoutPatch 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.
design_tokensChange 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.
define_stylesDefine 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.
list_design_stylesList style presets.
measure_textMeasure how text wraps and renders, without drawing it.
list_layoutsList this project's layouts.
list_shapesList shapes with ids, boxes and stacking order.
describe_documentDescribe the artboards and shapes.
inspect_pathRead a path's anchors, handles and construction issues.
inspect_layoutMeasure overlap, overflow and alignment; changes nothing.
apply_layout_fixesMove misaligned layout children to their suggested positions.
check_contrastCompute WCAG contrast between two colours.
check_contactsMeasure whether parts touch what they belong to.
optical_centerMove an icon so its visual centre sits on its container's centre.
measure_optical_centerReport the optical-centre correction without moving anything.
snap_to_gridSnap shapes to a grid.
normalize_spacingSet one equal gap between shapes.
normalize_radiiGive rectangles one corner radius.
resolve_overflowMove shapes back inside a frame.
add_artboardAdd a screen, slide, page or post (preset sizes it). What a control opens (dropdown, filter, menu) is add_hidden_ui.
set_artboardResize, move, rename, recolour or delete an artboard; notes holds a slide's speaker notes.
list_artboardsList the artboards.
set_active_artboardMake an artboard the active one.
fit_artboardFit the active artboard to the artwork on it, plus optional padding.
delete_shapesDelete shapes.
make_symbolTurn shapes into a reusable symbol.
place_symbolPlace an instance of a symbol.
list_symbolsList the symbols.
detach_symbolTurn one symbol instance into editable shapes.
set_lockedLock or unlock shapes.
bind_slotFit artwork into a layout slot and keep it bound to it.
lookRender an artboard with measured facts, or compare a region with a reference.
draw_svgUpload 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…
compare_drawingMeasure 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).
plan_illustrationsList the illustrations each screen needs (none, one or several); the reply gives per_screen and the routes for the user to approve.
set_reference_imageLoad 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.
find_referencesSVG 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.
export_codeExport screens as code (HTML, React, SwiftUI, Compose, Flutter) or layered SVG, with tokens and assets, as a ZIP link.
export_documentThe finished deck or document by link: PDF, editable PowerPoint (pptx) or post images.
add_hidden_uiUse when a control opens hidden UI: adds a sized, linked dropdown, side, sheet, dialog or state board beside its screen.
generate_illustrationDraw a planned illustration with SVG Lab's vector model: editable SVG from a text brief, the faster route (500 credits).
illustration_jobsProgress of drawings by SVG Lab's vector model: status, seconds, group_id once placed.
make_responsiveShow a phone screen on other phones and foldables, reflowed, on new artboards.
read_screenRead a screen's layout tree, sizing, text, paint, taps, asset ids and tokens, to build it in code.
get_assetsGet drawings and icons as SVG or PNG files by asset id or artboard; a ZIP link for many.
Details
| Endpoint | https://svglab.app/mcp/agents (Streamable HTTP) |
| First published | 18 Oct 2026 |
| Last updated | 18 Oct 2026 |
| Registry name | app.svglab/svglab |
More developer tools servers See all
Listing data from the official MCP registry. Status and tools from NestDaddy's daily check. Browse all MCP servers.
