Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Turn Canva designs into templates and render image/PDF variants via the Layerre API.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
LAYERRE_API_KEY「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
https://mcp.layerre.com/mcpClaude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"layerre": {
"command": "npx",
"args": [
"-y",
"@layerre/mcp-server"
],
"env": {
"LAYERRE_API_KEY": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add --transport http layerre https://mcp.layerre.com/mcpclaude mcp add layerre --env LAYERRE_API_KEY=your-value -- npx -y @layerre/mcp-server動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"layerre": {
"url": "https://mcp.layerre.com/mcp"
}
}
}プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"layerre": {
"command": "npx",
"args": [
"-y",
"@layerre/mcp-server"
],
"env": {
"LAYERRE_API_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"layerre": {
"type": "http",
"url": "https://mcp.layerre.com/mcp"
}
}
}プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"layerre": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@layerre/mcp-server"
],
"env": {
"LAYERRE_API_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです:
https://mcp.layerre.com/mcpメニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのツール一覧はまだ読み取っていません。エンドポイントは順番にチェックしています。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック
レジストリ名はドメイン layerre.com で確認済みです(レジストリがドメインの所有を確認しています)
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:LAYERRE_API_KEY
どちらでも使えます。パソコンにインストールしても、クラウド版につないでもかまいません。
GitHubリポジトリの最終更新は–、最新バージョン(0.1.0)がレジストリに届いたのは8 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
The Figma MCP server brings Figma design context directly into your AI workflow.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
A Model Context Protocol server for Layerre. Let your AI assistant turn Canva designs into reusable templates, edit layers, and render PNG / JPEG / WebP / PDF images from data.
Docs: [layerre.com/docs/mcp](https://layerre.com/docs/mcp/)
Endpoint: https://mcp.layerre.com/mcp (Streamable HTTP, OAuth 2.1 + PKCE).
Cursor — ~/.cursor/mcp.json
{ "mcpServers": { "layerre": { "url": "https://mcp.layerre.com/mcp" } } }
Claude Code
claude mcp add --transport http layerre https://mcp.layerre.com/mcp
VS Code — .vscode/mcp.json
{ "servers": { "layerre": { "type": "http", "url": "https://mcp.layerre.com/mcp" } } }
Claude Desktop / Claude.ai — Settings → Connectors → Add custom connector → https://mcp.layerre.com/mcp
Windsurf — ~/.codeium/windsurf/mcp_config.json
{ "mcpServers": { "layerre": { "serverUrl": "https://mcp.layerre.com/mcp" } } }
Your client opens a browser window to sign in to Layerre and approve access.
Create a key in the Layerre dashboard (Settings → API keys), then:
{
"mcpServers": { "layerre": { "url": "https://mcp.layerre.com/mcp", "headers": { "Authorization": "Bearer lyr_xxxxxxxx_xxxxxxxx" } } } }
{
"mcpServers": { "layerre": { "command": "npx", "args": ["-y", "@layerre/mcp-server"], "env": { "LAYERRE_API_KEY": "lyr_xxxxxxxx_xxxxxxxx" } } } }
| Tool | Description | Type |
|---|---|---|
layerre_auth_status | Check authentication status | read |
layerre_list_templates | List templates (filter by tag, paginate) | read |
layerre_get_template | Get a template with its layers | read |
layerre_list_template_tags | List tags/folders with counts | read |
layerre_create_template | Create a template from a Canva share URL | write |
layerre_update_template | Update name, size, backgrounds, tags | write |
layerre_create_layer | Add a text or image layer | write |
layerre_get_layer | Get a layer | read |
layerre_update_layer | Update a layer | write |
layerre_list_variants | List generated variants | read |
layerre_get_variant | Get a variant | read |
layerre_create_variant | Render one image/PDF with overrides | write |
layerre_create_variants_bulk | Render up to 25 variants in one call | write |
Example prompts:
social."See CONTRIBUTING.md.
Privacy policy · Terms · hello@layerre.com
MIT