Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Turn images into pixel art, extract and remap palettes, and upscale sprites without blur.
使っているAIアプリを選んで、設定をコピーしてください。
チェック 5/5 合格 · 質問内容は提供元のサーバー(mcp.simplepixelart.com)を通ります · ✓ コマンド確認済み 2026年11月13日
まず:どの AI を使っていますか?
使っているアプリを選ぶと、下に手順が表示されます。
Claude につなげます · 約 2 分
キー不要、インストール不要 · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー(Owner)が追加
CustomizeConnectors
ここからコピーして Claude の同じ名前の欄に貼り付け、Continue を押します
Pixel Art MCPhttps://mcp.simplepixelart.com/mcpClaude が検出したサインイン設定の画面で Continue を押す · Authentication は作者の説明どおり(Sign in now・Sign in when needed・No sign in)を選び Add を押します
+ConnectorsPixel Art MCP
Pixel Art MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が Pixel Art MCP を使っていると言うか、回答に Pixel Art MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT との接続はプランしだい
フル MCP:Web 版 ChatGPT の Business・Enterprise・Edu · Pro:読み取り/取得の権限で接続、データを変えるツールは使えないことがあります · Plus:公式ドキュメントで未確認。プラグイン画面にカスタム MCP を追加する項目があれば試せます · Web のみ
Plugins+Add custom MCP server
名前を入れ、Connection にアドレスを貼り付け、注意事項にチェックして Create as a plugin を押します
Pixel Art MCPhttps://mcp.simplepixelart.com/mcp新しいチャットを開き、入力前にプラグインの一覧から Pixel Art MCP を選びます
Pixel Art MCP を使って、私に何ができるか教えて、1 つやってみせて✓ ChatGPT が Pixel Art MCP を使っていると言うか、回答に Pixel Art MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に OpenAI のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Claude Code につなげます · 約 2 分
キー不要、インストール不要
Mac:Command+スペースで Terminal と入力 · Windows:PowerShell を開く
claude mcp add --transport http --scope user pixel-art https://mcp.simplepixelart.com/mcpPixel Art MCP が一覧にあり、接続済みと表示されれば OK です
Pixel Art MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が Pixel Art MCP を使っていると言うか、回答に Pixel Art MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげます · 約 2 分
キー不要、インストール不要
Pixel Art MCP を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が Pixel Art MCP を使っていると言うか、回答に Pixel Art MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげます · 約 2 分
キー不要、インストール不要
Pixel Art MCP を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が Pixel Art MCP を使っていると言うか、回答に Pixel Art MCP のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください
Web 経由でつなぐアプリ用のアドレス
https://mcp.simplepixelart.com/mcpJSON 設定は下の「開発者向け」にあります
Claude Code
claude mcp add --transport http --scope user pixel-art https://mcp.simplepixelart.com/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"pixel-art": {
"url": "https://mcp.simplepixelart.com/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"pixel-art": {
"type": "http",
"url": "https://mcp.simplepixelart.com/mcp"
}
}
}Claude Code
claude mcp add --scope user pixel-art -- npx -y simplepixelart-mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"pixel-art": {
"command": "npx",
"args": [
"-y",
"simplepixelart-mcp"
]
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"pixel-art": {
"command": "npx",
"args": [
"-y",
"simplepixelart-mcp"
]
}
}
}VS Code (mcp.json)
{
"servers": {
"pixel-art": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"simplepixelart-mcp"
]
}
}
}この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
npm: simplepixelart-mcpこのサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。
インターネット経由でつなげるアプリ
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
パソコン上で動かせるアプリ
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
ツールの名前と説明は、サーバーが2026年11月11日に返したそのままの内容です。書いたのは作者で、私たちではありません。プレーンテキストとして表示しています。
pixelate_imageTurn a photo or illustration into pixel art: shrink it to a pixel grid and reduce it to a few colours (or a named palette). Returns the PNG.
extract_palettePull the main colours out of an image (median cut). Returns hex codes plus a GIMP/Aseprite .gpl palette.
remap_paletteRecolour an existing pixel art image so every pixel uses a colour from the given palette (e.g. PICO-8 or Game Boy). Size is kept. Returns the PNG.
upscale_pixel_artScale pixel art up by a whole number with nearest neighbour, so pixels stay sharp. Output is capped at 1024 px.
list_palettesList the built-in pixel art palettes and their colours.
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月14日にチェック
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
まだレビューはありません
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック5項目のうち5項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
どちらでも使えます。パソコンにインストールしても、クラウド版につないでもかまいません。
GitHubリポジトリの最終更新は4 日前、最新バージョン(0.1.2)がレジストリに届いたのは12 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URL で接続するので、リモート MCP を受け付けるアプリでも使えます。例:Web 版 ChatGPT(Business 以上はフル MCP、Pro は読み取りのみ)。
同じカテゴリには:Figma Context MCP, AutoClip, Next AI Draw.io
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
An MCP server that gives AI assistants (Claude, Cursor, Windsurf, VS Code…) real pixel art tools: turn any image into pixel art, extract a palette, recolour sprites to PICO-8 or Game Boy colours, and upscale without blur.
Runs locally, works on PNG and JPEG files or image URLs, no API keys, no native dependencies.
Made by SimplePixelArt, a free pixel art editor for the browser and Android.
| Tool | What it does |
|---|---|
pixelate_image | Image → pixel art. Shrinks to a pixel grid (e.g. 64 px wide), reduces to N colours with median cut or maps to a named palette, saves a PNG (optionally upscaled for preview). |
extract_palette | Pulls the main colours out of an image and returns hex codes plus a GIMP / Aseprite .gpl palette. |
remap_palette | Recolours existing pixel art so every pixel uses a palette colour — PICO-8, Sweetie 16, ENDESGA 32, Game Boy, 1-bit or your own hex list. |
upscale_pixel_art | Nearest-neighbour upscale by a whole number, so pixels stay sharp. |
list_palettes | Lists the built-in palettes. |
Add it to your MCP client config. For Claude Desktop (claude_desktop_config.json), Cursor (.cursor/mcp.json) and most other clients:
{
"mcpServers": { "pixel-art": { "command": "npx", "args": ["-y", "simplepixelart-mcp"] } } }
Claude Code:
claude mcp add pixel-art -- npx -y simplepixelart-mcp
Requires Node.js 18 or newer.
A remote endpoint runs at https://mcp.simplepixelart.com/mcp (Streamable HTTP, no auth). Images go in as a public URL or base64 and come back as PNG. Limits: 4 MB / 2048x2048 input, 1024 px output, 20 requests a minute.
claude mcp add --transport http pixel-art https://mcp.simplepixelart.com/mcp
{
"mcpServers": { "pixel-art": { "url": "https://mcp.simplepixelart.com/mcp" } } }
To run the HTTP server yourself: npm run start:http (listens on 127.0.0.1:4020, set PORT / HOST to change).
Ask your assistant things like:
~/photos/cat.jpg into 48 px wide pixel art with the PICO-8 palette, and save an 8x preview."assets/ to the Game Boy palette."hero.png 10x for the store page."import { loadImage, pixelate, saveImage } from 'simplepixelart-mcp/src/pixel.js'
const img = await loadImage('photo.jpg') const { display, palette } = pixelate(img, { width: 64, palette: 'sweetie-16', scale: 8 }) await saveImage(display, 'photo-pixel.png')
The tools get you a clean starting grid; the fun part is fixing it by hand. Open the PNG in SimplePixelArt, a free online pixel art editor with layers, animation and tileset tools, or try its in-browser pixel art converter for live adjustments. No account needed.
npm install
npm test # starts the server over stdio and calls every tool
MIT © Comficker