SVG Lab

Report the plan, access, SVG Lab credits left and what actions cost.

Add a screen, slide, page or post (preset sizes it). What a control opens (dropdown, filter, menu) is add_hidden_ui.

Use when a control opens hidden UI: adds a sized, linked dropdown, side, sheet, dialog or state board beside its screen.

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 shapes to a shared edge or centre.

Position shapes relative to their artboard.

Move misaligned layout children to their suggested positions.

Fit artwork into a layout slot and keep it bound to it.

Union, subtract, intersect or exclude shapes into one new path.

Measure whether parts touch what they belong to.

Compute WCAG contrast between two colours.

Clip or mask shapes with another shape.

Clip shapes that cross their artboard's frame.

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).

Draw a built-in monoline icon (docs {components} names them).

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.

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.

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.

Show the current project and its link.

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.

Describe the artboards and shapes.

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.

Turn one symbol instance into editable shapes.

Space three or more shapes evenly.

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.

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): curl the .svg to the upload link new_project gave and pass upload_id instead of svg, so the user approves a short call.

Copy shapes in place or at an offset.

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 an artboard as SVG, with a preview card and a link to a PNG picture.

Export screens as code (HTML, React, SwiftUI, Compose, Flutter) or layered SVG, with tokens and assets, as a ZIP link.

The finished deck or document by link: PDF, editable PowerPoint (pptx) or post images.

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 the active artboard to the artwork on it, plus optional padding.

Scale and move shapes together into a box; placing an illustration removes its drawing board.

Resize a container to wrap its children.

Flip shapes horizontally or vertically.

Draw a planned illustration with SVG Lab's vector model: editable SVG from a text brief, the faster route (500 credits).

Get drawings and icons as SVG or PNG files by asset id or artboard; a ZIP link for many.

Group shapes.

Progress of drawings by SVG Lab's vector model: status, seconds, group_id once placed.

Measure overlap, overflow and alignment; changes nothing.

Read a path's anchors, handles and construction issues.

List the artboards.

List style presets.

List this project's layouts.

List the user's projects.

List shapes with ids, boxes and stacking order.

List the symbols.

Render an artboard with measured facts, or compare a region with a reference.

Show a phone screen on other phones and foldables, reflowed, on new artboards.

Turn shapes into a reusable symbol.

Report the optical-centre correction without moving anything.

Measure how text wraps and renders, without drawing it.

Make a mirrored copy, or join a half outline with its reflection.

Name a group.

Start a project: kind "ui" (apps, sites) or "marketing" (decks, pitch decks, posters, ads, posts, flyers, reports).

Give rectangles one corner radius.

Set one equal gap between shapes.

Draw a new path at a set distance outside or inside a path.

Open a saved project.

Move an icon so its visual centre sits on its container's centre.

Save and close the server editor.

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 a photograph in a box.

Place an instance of a symbol.

List the illustrations each screen needs (none, one or several); the reply gives per_screen and the routes for the user to approve.

Read a screen's layout tree, sizing, text, paint, taps, asset ids and tokens, to build it in code.

Change stacking order.

Copy shapes into a row, grid or circle.

Set the exact width or height of shapes.

Move shapes back inside a frame.

Place many seeded copies of one item inside an area.

Search Unsplash and Pexels for photographs; nothing is placed.

Make an artboard the active one.

Resize, move, rename, recolour or delete an artboard; notes holds a slide's speaker notes.

Set blur, soft shadows and opacity, or clear them.

Paint fill or stroke with a linear or radial gradient.

Lock or unlock shapes.

Fill shapes with a built-in pattern.

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.

Change fill, stroke, caps, joins, taper or opacity.

Change text content or typography.

Fill missing handles, refit curves, or turn a stroke into ink.

Snap shapes to a grid.

Set a text shape along a path.

Move, scale or rotate shapes.

Break groups into their shapes.

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.

Place the user's own image or SVG file.