Design in Claude

Connect Lawh.ai to Claude and describe what you need. Claude does the designing; Lawh measures the text, computes the layout, keeps anything from clipping, and saves a real layered file to your account — editable in the browser and exportable as a PSD.

Setup takes about a minute and needs nothing but a free Lawh.ai account. No API key, no configuration.

Setting it up

1Open Connectors in Claude

In Claude, open Customize in the sidebar, then Connectors.

Claude sidebar with Customize highlighted — Sidebar → Customize

Customize menu with Connectors highlighted — Customize → Connectors

2Add a custom connector

Press Add at the top right, then Add custom connector.

Add menu showing Add custom connector — Add → Add custom connector

3Paste the server URL

Name it anything you like — Lawh.ai is the obvious choice — and paste this as the URL:

https://lawh.ai/api/mcp

Leave the OAuth fields blank. The server registers Claude automatically, so there is no client ID or secret to find. Press Add, sign in to Lawh, and approve access.

Add custom connector dialog with the Lawh.ai URL filled in — Advanced settings can stay empty — the connector sets itself up

Connector list showing Lawh.ai connected — Connected. Lawh.ai now appears in your connector list.

4Turn it on in a chat

In any chat or project, open the + menu → Connectors and switch Lawh.ai on.

Connectors menu in a chat with Lawh.ai enabled — + → Connectors → Lawh.ai

Using it

Ask for what you want. Claude will usually check a few things first — what the design is for, the format and size, the visual direction — then build it.

Claude asking about format and size — “Let’s create a new design for my demo project”

The finished design comes back as a card, with the file already saved to your Lawh account.

A finished design shown as a card in the chat — PNG downloads immediately · Export opens every format · Open in the editor for full control

Ask to open it in the design studio and the design becomes interactive inside the chat: select a layer and drag it, double-click text to retype it, then save.

The Lawh design studio open inside a Claude conversation — Drag layers, edit text, undo — then save back to your account

Getting the file

Export opens Lawh with every format it can write. The file is built in your browser — nothing is uploaded.

Lawh export dialog offering PNG and layered PSD — PNG for posting · layered PSD for Photoshop

The PSD keeps every layer separate, with live text you can still retype.

The exported PSD open in Photoshop showing its layer panel — The same design in Photoshop — layers intact, text still editable

What it can do

design_guideThe layer model and style vocabulary Claude reads before designing.
create_designCreates a design in your account and reports any layout or contrast problems.
get_designReads a design back, with the coordinates the layout engine computed.
update_designChanges a design — copy, colours, sizes, or the whole composition.
design_studioOpens the design in the chat, with draggable layers and editable text.
preview_designShows a design as an image card.
list_designsYour recent designs and their ids.
list_folders / create_folder / move_designOrganise designs into folders.
list_templates / create_from_templateStart from the hand-authored template library.
list_mediaYour uploaded logos and images, so designs use your real brand assets.

What it costs

Claude does the generating, so designs made this way don’t use your Lawh AI credits. Paid plans get unlimited connector designs within their storage limit; free accounts get 30 a month.

Access and privacy

The connector can create, read and edit designs, templates and media in your account. It cannot see your password or billing details. You can disconnect it at any time from Account settings → Connected apps, which immediately invalidates every token issued to it. See our privacy policy.

Don’t have an account yet?

Create one free