Connect your agent over MCP.
Loora runs a remote MCP server over streamable HTTP. Point your agent at one URL and sign in with your Loora account. There is no API key to paste, and the agent works on the same document you have open in the browser.
https://mcp.loora.design/mcpAuth is OAuth 2.1 with PKCE and dynamic client registration, so any compliant client can register itself. Tools run under your account and are gated by your plan.
Set up your client
The endpoint is the same everywhere; the file it goes in is not. Each guide below covers where the configuration lives for that client, what its keys are called, how the sign-in completes, and what goes wrong first.
CLI
Editor
Using something else? Any MCP client that supports remote streamable HTTP servers takes the endpoint above directly. A stdio-only client can reach it through the mcp-remote bridge, as on the Zed page.
What the agent gets
The server exposes the same typed operations the editor uses. Every call commits a validated canvas transaction, so you can inspect it, undo it, or branch away from it.
| 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 |
Add the design guide skill
The tools tell an agent what it can do, not how to design. The design guide skill covers that: set tokens and components before sections, screenshot the result and look at it, work on a branch when the change is speculative.
npx skills add https://github.com/lassejlv/loora/tree/main/skills/loora-design-guideAdd -g to install it for every project instead of this one. Works with Claude Code and Codex. Read it on GitHub →
A good first run
- Ask for listDesigns, then getDesignContext on the one you want to work in.
- Have it call setTokens before it draws anything — a palette and a spacing scale up front is what keeps the page coherent.
- Have it build with createPage and insertNodes, and refine with patchNodes.
- Ask for getScreenshot after a meaningful edit so it can see what it made.
- Call exportCode when you want the result as HTML, JSX, or Tailwind.
Work on a branch when the change is speculative: the agent can create one, work inside it, and you decide whether it reaches Main.
Limits and troubleshooting
- MCP calls are counted per week: 100 on Free, 1,000,000 on Pro.
- A 401 means the token expired or was never granted — run the client’s login step again.
- Tools are scoped to your own designs; there is no shared or public access.
- If a client silently ignores the server, the key name is usually wrong: url, serverUrl, httpUrl, and uri all mean the same thing to a different product.
Questions
What is an MCP design tool?
A design tool that exposes its document to AI clients over the Model Context Protocol. Loora’s MCP server offers 33 typed tools that create pages, insert and patch nodes, set design tokens, apply motion, and branch — so an agent authors the design rather than describing one.
Which AI agents can edit a Loora design?
Any MCP client. There are setup guides here for Claude Code, the Claude app, Codex, Cursor, VS Code with Copilot agent mode, opencode, Windsurf, Cline, Zed, Gemini CLI, Goose, and Warp, and any other compliant client works with the same URL.
Do I need an API key?
No. Authentication is OAuth 2.1 with PKCE and dynamic client registration, so a client the server has never seen can register itself and send you to a browser to sign in. Nothing is pasted into a config file.
Does the agent work on the design I have open?
Yes. Tool calls commit the same validated transactions the editor commits, and the canvas is pushed over realtime — so an edit made from a terminal shows up in an open browser tab without a reload.
How many MCP calls do I get?
Calls are metered weekly: 100 a week on Free and 1,000,000 a week on Pro and Studio.