Figma Context MCP
作者：GLips
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
パソコンで動く★ 16,165MIT5 か月前更新
インストール
Imagor MCP
概要
作者による説明（英語の原文）
An MCP server and a skill for imagor, compiling agent-written image layouts into one URL.
PopNx MCPの3つの柱
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
- 利用者の声iレビューはまだありませんレビューは今後のステップで、アカウント機能と一緒に始まります
- 私たちの基本チェックi1項目中1項目に合格公開情報からチェック。コードはまだスキャンしていません
- 利用状況i未計測★ –
できること
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
- 接続方法: パソコンで動く
- トランスポート: stdio
- カテゴリ: デザイン・画像・音声
- 入力が必要なもの：IMAGOR_SECRET
インストール
使っているAIアプリを選んで、設定をコピーしてください。
インストールの前に
- 基本チェック：1項目中1項目に合格
- あなたのパソコンで、あなたのユーザーと同じ権限（ファイル、ネットワーク、アプリ）で動きます。
- 自分で入力するもの：
IMAGOR_BASE_URL,IMAGOR_UNSAFE,IMAGOR_SECRET,IMAGOR_SIGNER_TYPE,IMAGOR_SIGNER_TRUNCATE
「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
どのアプリを使っていますか？
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
リンク先は作者自身のファイルです。私たちが置いたり再パッケージしたりしたものではありません。ファイルを開くと、Claude Desktopがインストールします。
ターミナルでこれを実行します
動かす前に、空欄の値を入力してください。
ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
自分で入力する値
IMAGOR_BASE_URLenvWhere imagor is running, for example http://localhost:8000. Defaults to http://localhost:8000.IMAGOR_UNSAFEenvSet to 1 when the imagor server runs in unsafe mode, for trying things out. The server will not start without IMAGOR_UNSAFE or IMAGOR_SECRET.- The signing secret, when the imagor server is signed. The alternative to IMAGOR_UNSAFE; the server will not start without one of the two.
IMAGOR_SIGNER_TYPEenvSignature algorithm the imagor server is configured with: sha1 (default), sha256 or sha512. Must match the server or emitted URLs will not validate.IMAGOR_SIGNER_TRUNCATEenvSignature length in characters, when the imagor server truncates signatures. Must match the server or emitted URLs will not validate.
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
できること
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
基本チェックi
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
- ✓ 合格
作者とリポジトリが一致
レジストリ名は、リポジトリを所有するGitHubアカウント cshum で確認済みです
- … 未チェック
今もメンテナンスされている
このリポジトリはまだGitHubから読み取っていません
- … 未チェック
ライセンスがある
このリポジトリはまだGitHubから読み取っていません
- – 対象外
エンドポイントが応答する
これはパソコンで動くため、インターネット上のエンドポイントはありません
- – 対象外
OAuthでサインイン
パソコンで動き、代わりにローカルの設定を使います
- … 未チェック
ツールの説明に隠れた指示がない
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
デザイン・画像・音声のほかのサーバーとの比較i
- このカテゴリのほかの2204件のうち0%よりスターが多い
- このカテゴリのほかの2204件のうち57%より最近レジストリに公開
- 基本チェックの結果が、このカテゴリのほかの2204件のうち100%と同じかそれ以上
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
よくある質問
Imagor MCPは安全ですか？
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
どんなキーやコードが必要ですか？
入力が必要なもの：IMAGOR_SECRET
パソコンで動きますか、それともクラウドですか？
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません（サーバー自体がオンラインサービスを呼び出す場合を除きます）。
今もメンテナンスされていますか？
GitHubリポジトリの最終更新は–、最新バージョン（0.7.9）がレジストリに届いたのは23 日前です。
どのアプリで使えますか？
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにMCPBも必要です。
代わりに使えるものは？
同じカテゴリには：Figma Context MCP, Claude Real Video, Figma MCP Server
代わりの候補
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方：★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i
Claude Real Video
作者：HUANGCHIHHUNGLeo
Let any LLM watch a video locally — and search everything it has ever watched.
パソコンで動く★ 2,284MIT2 か月前更新
インストール
Figma MCP Server
作者：figma
The Figma MCP server brings Figma design context directly into your AI workflow.
クラウドで動く★ 2,15213 か月前更新
インストール
作者のREADME
READMEを開く
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Imagor MCP
An MCP server and a skill that add a template layer to imagor.
An agent writes a layout: OG cards, product grids, quotes, testimonials. It compiles to one imagor URL, rendered by the imagor you already run.
*See the recipes »*
Quick start
1. Run an imagor.
docker run --rm -p 8000:8000 shumc/imagor -imagor-unsafeLeave it running, and use a second terminal for the rest.
Unsafe mode is for trying things out. Production runs on IMAGOR_SECRET. See imagor's security docs.
2. Install the MCP server.
brew trust cshum/tap && brew install imagor-mcp3. Point a client at it.
| your client | what to do |
|---|---|
| VS Code | add it from here — one click |
| Claude Desktop | open imagor-mcp.mcpb — one click |
| Cursor, Claude Code, Windsurf | add the block below to its config file |
| Codex | the same values in TOML, at ~/.codex/config.toml |
{"mcpServers": { "imagor": { "command": "imagor-mcp", "env": { "IMAGOR_UNSAFE": "1", "IMAGOR_BASE_URL": "http://localhost:8000" } } } }
Those two settings have to match what you started in step 1: IMAGOR_UNSAFE puts this server in the same mode, and IMAGOR_BASE_URL is where imagor is.
VS Code keys its servers under servers and Codex reads TOML, so the block above fits neither. Every client's config file is in Setup.
4. Ask it for something. See the recipes — each one carries a prompt to paste, or describe the image you want. The agent composes through the tools: it writes the layout, renders it, looks at the result, and hands you back the url. Neither of you needs imagor's path syntax: the tools build the path, and refuse one that cannot work.
That is the whole install. It is also in the official MCP Registry as io.github.cshum/imagor-mcp, which some clients install by name, and as ghcr.io/cshum/imagor-mcp in a container, which needs a different base URL, in Setup. Windows binaries are on the releases page.
Before anything is public, read Security: what this server is trusted with, and what it refuses.
Going deeper
- Setup — every setting, the config file each client reads, and what to do before it is public.
- Reference — every tool the server serves, the layout format, and the skill.
- Cookbook — the ready-made layouts, and the url each one resolves to.
- Contributing — building, testing, and the CLI.
Licence
MIT