Connect DesignLayer MCP to Cursor
Last updated: September 4, 2026
DesignLayer ships its own MCP server. Add it in Cursor to search published motion components, fetch TSX with an API key, and keep the same Free / Pro copy limits.
What MCP does here
DesignLayer is the MCP server. Cursor is the client that connects to it and asks for a catalog search or a component. Search is public. Source uses your account: Free is one component copy per Japan-time day, Pro is unlimited, Templates stay Pro.
This replaces browse → Copy for Cursor → paste. The agent still writes files in your repo.
Create an API key
Sign in, open Account settings → DesignLayer MCP, and create a key. The secret is shown once. Revoke it if it leaks.
The key is sent as Authorization: Bearer to the same copy APIs the website uses. Do not commit it.
Add the server in Cursor
In this repository, install and build the server once: cd mcp && npm install && npm run build. Then add an MCP entry that runs node against mcp/dist/index.js.
Set DESIGNLAYER_API_KEY to the secret. For production catalog use DESIGNLAYER_ORIGIN=https://design-layer.com. For a local Next app, point it at http://127.0.0.1:3000.
Tools the agent can call
search_catalog — find components and templates by text, kind, or category. No key required.
get_component — return the Copy for Cursor bundle for a public id such as sakura-editorial-poster.
get_template — return a full one-pager. Pro only.