Add Loora to Cline as a remote MCP server.

Cline is configured from a panel rather than from a file you keep in a repository: the MCP Servers icon opens a Remote Servers tab where a name and a URL is the whole form. The underlying file exists, but it lives in VS Code’s extension storage, so the path differs per operating system and the panel is the sane way in.

Configuration

cline_mcp_settings.json, in the extension’s global storage — the panel is the supported way to edit it.

Remote Servers → Server URL

https://mcp.loora.design/mcp

The equivalent written out, if you would rather edit it by hand:

cline_mcp_settings.json

{
  "mcpServers": {
    "loora": {
      "type": "streamableHttp",
      "url": "https://mcp.loora.design/mcp",
      "disabled": false
    }
  }
}

Steps

Click the MCP Servers icon in the Cline sidebar.
Open the Remote Servers tab and choose Add server.
Enter loora as the name and the endpoint above as the URL, then save.
Approve the sign-in when the browser opens.
Check that the server row shows green with its tools expanded underneath.

Worth knowing

Cline asks before each tool call by default. Auto-approve the read tools — readNode, readTree, searchNodes — and leave the writes prompting until you trust the flow.
If you edit cline_mcp_settings.json by hand, the transport key is "type": "streamableHttp".
The per-server toggle in the panel disables Loora without removing it.

What you can ask for

Once the server is connected, Cline has the same vocabulary as every other client. Every call commits a validated canvas transaction, so it is inspectable, undoable, and safe to make on a branch.

Group	Tools
Read	listDesigns, getDesignContext, readNode, readTree, searchNodes, listAssets, listVersions
Write	createPage, insertNodes, patchNodes, moveNodes, deleteNodes
Reuse	createComponent, createInstance, setTokens
Motion	setAnimations, animateNodes
Look	viewCanvas, viewPage, viewNode, getScreenshot
Branches	listBranches, createBranch, proposeBranch, compareBranch, applyBranch, reopenBranch, closeBranch
Designs	createDesign, renameDesign, deleteDesign, exportCode

A good first prompt: ask for listDesigns, then getDesignContext on the one you want, then have it call setTokens before it draws anything. Why that order matters →

Cline and Loora: questions

Where is Cline’s MCP settings file?

In the extension’s global storage directory, which differs per platform. Use the MCP Servers panel instead of the path — the Remote Servers tab writes the same file.

Can I stop Cline asking before every Loora call?

Yes, per tool. Auto-approving the read and view tools makes exploration fluid while writes still prompt. Nothing is lost either way: every write is a logged transaction with history behind it.

Does Cline support streamable HTTP MCP servers?

Yes. Add it under Remote Servers, or set "type": "streamableHttp" with the URL if you are editing the settings file directly.

Other clients

Open a design to connect to →

← All MCP setup guides

|Add Loora to Cline as a remote MCP server.