Connect VS Code to your design library

1. 01Click "Add to VS Code" above to install in one step.
2. 02Or run MCP: Add Server from the Command Palette → HTTP → paste the Server URL.
3. 03Authorize with OAuth when prompted.

{
  "servers": {
    "save-design": {
      "type": "http",
      "url": "https://save.design/api/mcp"
    }
  }
}

VS Code's own guide: MCP in VS 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.”

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