Connect Claude Code to your design library

1. 01Run the command below in your terminal.
2. 02Back in Claude Code, run /mcp and authenticate.

claude mcp add --transport http save-design https://save.design/api/mcp

Claude Code's own guide: MCP in Claude Code

• Search your saves

  Find saved websites, sections, images, files and pages by describing them, ranked across your workspaces.

• Open anything

  Read a page's markdown, a file's contents, or look at the image itself rather than a filename.

• Read your boards

  Get a whole board as an outline: frames, cards, your notes and the arrows between them.

• Search real web design

  Search the curated Elements library, parts of real websites, by the look you describe.

• Build boards

  Lay out a new board of references, grouped into frames with labelled arrows, and hand you the link.

• “Find the pricing pages I saved last month and summarise how they handle the annual toggle.”
• “Build a board for a calm fintech landing page: twelve references, grouped by type, colour and layout.”
• “Look at my "Client — Arc" folder and write a one-paragraph design brief from it, then scaffold the hero section.”

More on what the server does and how it keeps your library safe on the MCP page.