Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
61 video, image, voice and music models at provider list price. Sign in with OAuth or use a key.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
VAROSITY_API_KEY, Authorization「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
このアドレスはリクエストの header にキーが必要ですが、コネクタを追加するメニューでは設定できません。代わりにClaude Code、Cursor、VS Codeを使ってください。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"varosity": {
"command": "npx",
"args": [
"-y",
"@varosity/mcp-server"
],
"env": {
"VAROSITY_API_KEY": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add --transport http varosity https://varosity.ai/api/mcp --header 'Authorization: your-value'claude mcp add varosity --env VAROSITY_API_KEY=your-value -- npx -y @varosity/mcp-server動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"varosity": {
"url": "https://varosity.ai/api/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"varosity": {
"command": "npx",
"args": [
"-y",
"@varosity/mcp-server"
],
"env": {
"VAROSITY_API_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"varosity": {
"type": "http",
"url": "https://varosity.ai/api/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"varosity": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@varosity/mcp-server"
],
"env": {
"VAROSITY_API_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
このアドレスはリクエストの header にキーが必要ですが、コネクタを追加するメニューでは設定できません。代わりにClaude Code、Cursor、VS Codeを使ってください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
Authorization 秘密 HTTP headerこの設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのツール一覧はまだ読み取っていません。エンドポイントは順番にチェックしています。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック
公開者(jonkludt)がリポジトリの所有者(varosity-ai)ではありません。別の人が登録した可能性があります
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち0項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:VAROSITY_API_KEY, Authorization
どちらでも使えます。パソコンにインストールしても、クラウド版につないでもかまいません。
GitHubリポジトリの最終更新は–、最新バージョン(0.1.2)がレジストリに届いたのは15 日前です。
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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
@varosity/mcp-serverStdio MCP server for Varosity AI. Exposes every Varosity tool (generate video, voice, music, render, list models, list templates, webhooks, …) to any MCP-aware host — Claude Desktop, Cursor, Cowork, Continue, etc.
Under the hood it proxies every JSON-RPC call to ${VAROSITY_API_BASE}/api/mcp over HTTPS with your vsk_live_... bearer token. Zero runtime deps.
Edit ~/Library/Application Support/Claude/claude_desktop_config.json:
{
"mcpServers": { "varosity": { "command": "npx", "args": ["-y", "@varosity/mcp-server"], "env": { "VAROSITY_API_KEY": "vsk_live_..." } } } }
Issue a vsk_live_... token at varosity.ai/app/keys/api-keys. Restart Claude Desktop.
Any MCP host that supports the command + args + env shape works. Point it at npx -y @varosity/mcp-server with VAROSITY_API_KEY in the env.
Full list via tools/list. Current surface:
list_models, list_voices, list_templateslist_projects, create_project, get_project, create_project_from_templategenerate_video, generate_voice, generate_musicsuggest_model (Smart Router)get_job, render_projectlist_webhooks, create_webhook, test_webhook, delete_webhookIf your MCP host supports the Streamable HTTP transport, you can skip this package entirely:
{
"mcpServers": { "varosity": { "url": "https://varosity.ai/api/mcp", "transport": "streamable-http", "headers": { "Authorization": "Bearer vsk_live_..." } } } }
This stdio package exists for hosts that only support the command-spawned stdio transport.
Set VAROSITY_API_BASE in the env block to override the default https://varosity.ai.
cd packages/mcp-server
pnpm build npm publish --access public