Add Loora to the Claude app as a connector.
The Claude desktop and web apps take remote MCP servers as custom connectors, which means there is no file to edit and nothing to install: the endpoint above is the entire configuration. Because the connector is stored on your Claude account rather than on the machine, adding it in the desktop app also adds it on claude.ai.
Configuration
Stored in your Claude account — the same connector follows you to the web app.
https://mcp.loora.design/mcpSteps
- Open Settings → Connectors → Add custom connector.
- Paste the endpoint above and give it the name Loora.
- Save, then click Connect and approve the connection when the browser opens.
- Start a chat and ask Claude to list your Loora designs.
Worth knowing
- Custom connectors require a paid Claude plan; the endpoint itself is the same one every other client uses.
- Turn individual tools off from the connector panel if you want a read-only session — leaving only the read and view tools on is a good way to hand a design over for review.
- The chat has no canvas of its own: ask for viewCanvas or getScreenshot and Claude renders an image of the real document inline.
What you can ask for
Once the server is connected, Claude app 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 →
Claude app and Loora: questions
Does the Claude web app work, or only the desktop app?
Both. A custom connector is stored on your Claude account, so adding it in one place makes it available in the other. The transport is remote streamable HTTP, so nothing needs to run on your machine.
Can Claude see what the design looks like?
Yes. viewCanvas, viewPage, and viewNode render the real document to an image, and getScreenshot captures a page or a single node, so the model can look at its own work rather than reasoning about coordinates alone.
Is my design data shared with other Claude users?
No. Tools run under the Loora account you signed in with and are scoped to that account. There is no shared or public tool access.