Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Design canvas for AI assets: generate images, video, code and screens, and edit canvases.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
https://vmotif.com/api/mcpターミナルでこれを実行します
claude mcp add --transport http vmotif https://vmotif.com/api/mcpプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"vmotif": {
"url": "https://vmotif.com/api/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"vmotif": {
"type": "http",
"url": "https://vmotif.com/api/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです:
https://vmotif.com/api/mcpメニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのツール一覧はまだ読み取っていません。エンドポイントは順番にチェックしています。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック
レジストリ名はドメイン vmotif.com で確認済みです(レジストリがドメインの所有を確認しています)
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
GitHubリポジトリの最終更新は–、最新バージョン(1.1.0)がレジストリに届いたのは3 日前です。
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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Connect your agent to Vmotif, the node-based design canvas. Your agent can read and edit canvases, generate images, video, code, SVG, shaders and HTML screens, and run saved workflows. Every result lands on a canvas next to the prompt and references that made it.
This repository packages the hosted server for plugin marketplaces. The server itself runs at:
https://vmotif.com/api/mcp
Streamable HTTP, OAuth 2.1 sign-in on first use. Full docs and the tool reference: https://vmotif.com/docs/mcp
Cursor — Add to Cursor, or add to ~/.cursor/mcp.json:
{ "mcpServers": { "vmotif": { "url": "https://vmotif.com/api/mcp" } } }
Claude.ai / Claude Desktop — Customize → Connectors → Add custom connector, paste the URL.
Claude Code
claude mcp add --transport http vmotif https://vmotif.com/api/mcp
ChatGPT — Plugins → Add → Add custom MCP server, paste the URL, choose OAuth.
Codex
codex mcp add --url https://vmotif.com/api/mcp --oauth-resource https://vmotif.com/api/mcp vmotif
codex mcp login vmotif
Grok — grok.com/connectors → New Connector → Custom, paste the URL.
Requires a Vmotif Pro, Team or Enterprise plan. Generations, captures, site scrapes and workflow runs spend your plan's GPU wallet; reading canvases, models and usage is free. If you belong to more than one workspace, the agent asks which one to bill.
The server exposes 26 tools. Read-only tools never change anything; Writes tools create or edit canvas content; Destructive tools can replace or remove existing content. Tools marked *Spends wallet* draw on your plan's GPU wallet. Parameters and return shapes: https://vmotif.com/docs/mcp
| Tool | Title | Access | Spends wallet |
|---|---|---|---|
add_canvas_nodes | Add canvas nodes | Writes | |
add_generation_to_project | Add generation to project | Writes | |
add_premade_workflow | Add premade workflow | Writes | |
create_canvas | Create canvas | Writes | |
create_image_upload | Create image upload | Writes | |
generate_code | Generate code | Writes | Yes |
generate_image | Generate image | Writes | Yes |
generate_video | Generate video | Writes | Yes |
get_favorite_projects | Get favorite projects | Read-only | |
get_generation | Get generation | Read-only | |
get_node_status | Get node status | Read-only | |
get_usage | Get usage | Read-only | |
get_workflow | Get workflow | Read-only | |
get_workflow_run | Get workflow run | Read-only | |
list_client_brands | List brands | Read-only | |
list_models | List models | Read-only | |
list_premade_workflows | List premade workflows | Read-only | |
list_projects | List projects | Read-only | |
list_workflows | List workflows | Read-only | |
list_workspaces | List workspaces | Read-only | |
read_canvas | Read canvas | Read-only | |
run_capture | Run capture | Writes | Yes |
run_site_scrape | Run site scrape | Destructive | Yes |
run_workflow | Run workflow | Writes | Yes |
transform_image | Transform image | Writes | |
update_canvas | Update canvas | Destructive |
| File | For |
|---|---|
plugin.json, mcp.json | Agent Plugins manifest (ChatGPT, Codex) |
.mcp.json | Project-scoped config for clients that read it from a repo root (Claude Code, Codex); same server as mcp.json |
.cursor-plugin/plugin.json | Cursor Marketplace |
server.json | Official MCP Registry (com.vmotif/vmotif) |
assets/ | Logos and icons |
https://vmotif.com/docs/support · Privacy: https://vmotif.com/privacy · Terms: https://vmotif.com/terms
This repository is published from Vmotif's private monorepo, so pull requests here can't be merged. To report a problem or suggest a change, open an issue or contact support.