Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
MCP server for Draw Things - local AI image generation on Mac
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"drawthings": {
"command": "npx",
"args": [
"-y",
"mcp-drawthings"
]
}
}
}ターミナルでこれを実行します
claude mcp add drawthings -- npx -y mcp-drawthingsプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"drawthings": {
"command": "npx",
"args": [
"-y",
"mcp-drawthings"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"drawthings": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"mcp-drawthings"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント james-see で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(1.1.2)がレジストリに届いたのは10 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには: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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
An MCP (Model Context Protocol) server for Draw Things - enabling LLMs to generate images locally on Mac using Stable Diffusion and other AI models.
Verify the server is running:
curl http://localhost:7860
Add to ~/Library/Application Support/Claude/claude_desktop_config.json:
{
"mcpServers": { "drawthings": { "command": "npx", "args": ["-y", "mcp-drawthings"] } } }
Add to .cursor/mcp.json in your project or global config:
{
"mcpServers": { "drawthings": { "command": "npx", "args": ["-y", "mcp-drawthings"] } } }
Restart Claude Desktop or Cursor to load the new MCP server.
check_statusCheck if the Draw Things API server is running and accessible.
get_configGet the current Draw Things configuration including the loaded model and settings.
generate_imageGenerate an image from a text prompt.
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
prompt | string | Yes | Text description of the image to generate |
negative_prompt | string | No | Elements to exclude from the generated image |
width | number | No | Image width in pixels (default: 512) |
height | number | No | Image height in pixels (default: 512) |
steps | number | No | Number of inference steps (default: 20) |
cfg_scale | number | No | Guidance scale (default: 7.5) |
seed | number | No | Random seed for reproducibility (-1 for random) |
output_path | string | No | Custom file path to save the image |
Example:
Generate an image of a futuristic city at sunset with flying cars
transform_imageTransform an existing image using a text prompt (img2img).
Parameters:
| Parameter | Type | Required | Description |
|---|---|---|---|
prompt | string | Yes | Text description of the desired transformation |
image_path | string | No* | Path to the source image file |
image_base64 | string | No* | Base64-encoded source image |
negative_prompt | string | No | Elements to exclude |
denoising_strength | number | No | Transformation strength 0.0-1.0 (default: 0.75) |
steps | number | No | Number of inference steps (default: 20) |
cfg_scale | number | No | Guidance scale (default: 7.5) |
seed | number | No | Random seed (-1 for random) |
output_path | string | No | Custom file path to save the result |
*Either image_path or image_base64 must be provided.
| Variable | Default | Description |
|---|---|---|
DRAWTHINGS_HOST | localhost | Draw Things API host |
DRAWTHINGS_PORT | 7860 | Draw Things API port |
DRAWTHINGS_OUTPUT_DIR | ~/Pictures/drawthings-mcp | Directory for generated images |
┌─────────────────┐ stdio ┌──────────────────┐ HTTP ┌─────────────┐
│ MCP Client │◄──────────────►│ mcp-drawthings │◄────────────►│ Draw Things │ │ (Claude/Cursor) │ JSON-RPC │ │ localhost │ App │ └─────────────────┘ └──────────────────┘ :7860 └─────────────┘ │ ▼ ┌──────────────┐ │ File System │ │ (images) │ └──────────────┘
# Clone the repository
git clone https://github.com/james-see/mcp-drawthings cd mcp-drawthings
npm install
npm run build
npm run dev
curl http://localhost:7860Check that the output directory is writable. You can set a custom directory using the DRAWTHINGS_OUTPUT_DIR environment variable.
MIT