Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Recraft AI Image Generation MCP Server for AI coding agents
쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.
검사 3/3 통과 · 내 컴퓨터에서 실행돼요
먼저: 어떤 AI를 쓰시나요?
쓰는 앱을 고르면 아래에 단계가 나옵니다.
Claude에 연결할 수 있지만 먼저 준비가 필요해요
Recraft MCP Server 키가 필요해요 (제작자 사이트에서 만들기) · 먼저 컴퓨터에 Node.js를 설치하세요 (한 번만) · 컴퓨터용 Claude 앱(Windows 또는 Mac)에서만 되고 웹이나 모바일은 안 돼요
제작자 사이트에서 가입하고 다음 단계에 쓸 API 키를 만드세요. 요금과 무료 요금제는 제작자 사이트에서 확인하세요.
키 받는 방법은 아래 제작자 README에 있어요
SettingsDeveloperEdit Config
명령을 확인하는 중 · 확인을 통과하면 복사 버튼이 나타나요
키는 앱 입력란에만 붙여 넣고, 채팅에 붙이거나 다른 사람에게 보내지 마세요
Recraft MCP Server을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude가 Recraft MCP Server을 쓰고 있다고 하거나 답에 Recraft MCP Server 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
ChatGPT는 아직 Recraft MCP Server에 연결할 수 없어요
Recraft MCP Server는 내 컴퓨터에 설치해서 쓰지만 ChatGPT는 웹에서 도는 서버만 연결할 수 있어요
A · Recraft MCP Server에 연결되는 앱 쓰기
B · 디자인, 이미지 및 오디오에서 ChatGPT에 연결되는 다른 서버
같은 분류에서 많이 쓰는 것 중 키 없이 주소만으로 연결되는 것을 골랐어요
Claude Code에 연결할 수 있지만 먼저 준비가 필요해요
Recraft MCP Server 키가 필요해요 (제작자 사이트에서 만들기) · 먼저 컴퓨터에 Node.js를 설치하세요 (한 번만)
제작자 사이트에서 가입하고 다음 단계에 쓸 API 키를 만드세요. 요금과 무료 요금제는 제작자 사이트에서 확인하세요.
키 받는 방법은 아래 제작자 README에 있어요
Mac: Command+스페이스를 누르고 Terminal 입력 · Windows: PowerShell 열기
명령을 확인하는 중 · 확인을 통과하면 복사 버튼이 나타나요
Enter 전에 “your-value”를 내 키로 바꾸세요
키는 앱 입력란에만 붙여 넣고, 채팅에 붙이거나 다른 사람에게 보내지 마세요
Recraft MCP Server이 목록에 있고 연결됨으로 보이면 돼요
Recraft MCP Server을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude Code가 Recraft MCP Server을 쓰고 있다고 하거나 답에 Recraft MCP Server 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Cursor에 연결할 수 있지만 먼저 준비가 필요해요
Recraft MCP Server 키가 필요해요 (제작자 사이트에서 만들기) · 먼저 컴퓨터에 Node.js를 설치하세요 (한 번만)
제작자 사이트에서 가입하고 다음 단계에 쓸 API 키를 만드세요. 요금과 무료 요금제는 제작자 사이트에서 확인하세요.
키 받는 방법은 아래 제작자 README에 있어요
명령을 확인하는 중 · 확인을 통과하면 복사 버튼이 나타나요
Recraft MCP Server 설정에서 RECRAFT_API_KEY가 비어 있어요. 내 키를 넣고 저장하세요
키는 앱 입력란에만 붙여 넣고, 채팅에 붙이거나 다른 사람에게 보내지 마세요
Recraft MCP Server을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Cursor가 Recraft MCP Server을 쓰고 있다고 하거나 답에 Recraft MCP Server 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Cursor 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
VS Code에 연결할 수 있지만 먼저 준비가 필요해요
Recraft MCP Server 키가 필요해요 (제작자 사이트에서 만들기) · 먼저 컴퓨터에 Node.js를 설치하세요 (한 번만)
제작자 사이트에서 가입하고 다음 단계에 쓸 API 키를 만드세요. 요금과 무료 요금제는 제작자 사이트에서 확인하세요.
키 받는 방법은 아래 제작자 README에 있어요
명령을 확인하는 중 · 확인을 통과하면 복사 버튼이 나타나요
Recraft MCP Server 설정에서 RECRAFT_API_KEY가 비어 있어요. 내 키를 넣고 저장하세요
키는 앱 입력란에만 붙여 넣고, 채팅에 붙이거나 다른 사람에게 보내지 마세요
Recraft MCP Server을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ VS Code가 Recraft MCP Server을 쓰고 있다고 하거나 답에 Recraft MCP Server 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 VS Code 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Windsurf, Zed, Gemini CLI 같은 다른 MCP 앱은 추가 방법이 저마다 달라요. 앱 목록에서 확인하세요
JSON 설정은 아래 “개발자용”에 있어요
Claude Code
명령을 확인하는 중 · 확인을 통과하면 복사 버튼이 나타나요
Claude Desktop (claude_desktop_config.json)
명령을 확인하는 중 · 확인을 통과하면 복사 버튼이 나타나요
Cursor (~/.cursor/mcp.json)
명령을 확인하는 중 · 확인을 통과하면 복사 버튼이 나타나요
VS Code (mcp.json)
명령을 확인하는 중 · 확인을 통과하면 복사 버튼이 나타나요
RECRAFT_API_KEY 비밀 필수 env이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.
이 서버의 연결 방식과 각 앱의 공식 문서를 바탕으로 했어요. 2026년 11월 10일 확인.
내 컴퓨터에서 실행하는 앱
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
내 컴퓨터에서 실행돼요. 설치하면 AI 앱에 도구 목록이 나타나요.
누구나 볼 수 있는 정보를 점검했고, 코드는 읽지 않았어요. 해당하지 않는 항목은 개수에서 뺐어요. · 2026년 11월 13일 점검
레지스트리 이름이 GitHub 계정 muhammetali 기준으로 확인되었고, 이 계정이 저장소를 소유하고 있어요
코드 마지막 변경: 2개월 전
MIT 사용
내 컴퓨터에서 실행되는 서버라 인터넷 엔드포인트가 없어요
내 컴퓨터에서 실행되며, 대신 로컬 설정을 사용해요
내 컴퓨터에서 실행돼요. 도구 목록은 인터넷 엔드포인트가 있는 서버에서만 읽을 수 있어요
질문하고, 팁을 나누고, 안 되는 점을 알려 주세요. "도움이 됨"이 많은 순서예요.
아직 리뷰가 없어요
레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.
해당하는 기본 점검 3개 중 3개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.
입력해야 할 값: RECRAFT_API_KEY
내 컴퓨터에서 실행돼요. AI 앱이 필요할 때 실행하고, 데이터는 제작자의 서버를 거치지 않아요(서버 자체가 온라인 서비스를 호출하는 경우는 제외).
GitHub 저장소는 마지막으로 2개월 전 변경됐고, 최신 버전(1.0.0)은 2개월 전 레지스트리에 올라왔어요.
Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. 내 컴퓨터에 Node.js도 있어야 해요.
같은 카테고리에는: Figma Context MCP, AutoClip, Next AI Draw.io
같은 카테고리에서 다른 제작자가 만든 서버예요. 스타 순으로 정렬했어요.
카드 보는 법:↓ 주간 다운로드i★ GitHub 스타i세 기둥: 리뷰 · 점검 · 사용 정도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, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.
A Model Context Protocol (MCP) server that gives AI assistants (Claude, Gemini, or any MCP client) direct access to the Recraft AI image generation API — generate, transform, upscale, and vectorize images without leaving your chat.
"Generate a set of 8 fantasy game icons in the same art style."
"Remove the background from this screenshot and upscale it."
"Create 5 style variations of this logo and put them in a comparison grid."
Recraft archived @recraft-ai/mcp-recraft-server in July 2026 and now points users at a hosted endpoint, https://mcp.recraft.ai/mcp. Which of the three you want depends on what you are doing:
| Recraft hosted | This server | |
|---|---|---|
| Setup | OAuth in a browser, no API key | npm install + API key |
| Tools | 9 | 28 |
| Billing | Subscription credits | API units, and every tool reports what its call cost |
| Local files | No — URLs and base64 only | Reads and writes files on your machine |
| Batch / pipelines | No | Generate → download → background-remove → save, themed sets, comparison grids |
| Style management | Create only | Create, list, inspect, delete |
If you only generate the occasional image, the hosted server is less work and this one has nothing to offer you. If you are producing assets in bulk, working from files already on disk, or need to know what a run costs before it runs, that is what this exists for.
The names are the old ones with a recraft_ prefix, except where noted:
| Official (archived) | Here |
|---|---|
generate_image | recraft_generate_image |
image_to_image | recraft_image_to_image |
remove_background | recraft_remove_background |
replace_background | recraft_replace_background |
crisp_upscale | recraft_crisp_upscale |
creative_upscale | recraft_creative_upscale |
create_style | recraft_create_style |
vectorize_image | recraft_vectorize |
get_user | recraft_check_credits |
One behavioural difference worth knowing: Recraft's style field takes six broad families, and the specific look (pixel_art, kawaii, b_and_w…) is a separate substyle field. Passing a substyle name as style is silently ignored by the API. This server accepts either and routes it correctly, so prompts written against the old servers keep working.
This MCP server exposes 28 tools to your AI agent — full coverage of the Recraft API.
| Tool | Description |
|---|---|
recraft_generate_image | Text-to-image across all Recraft models, 70+ styles, color/text-layout control |
recraft_generate_sized | Generate at any target size (down to 64×64) — ideal for sprites/icons/UI |
recraft_batch_generate | Generate multiple assets in sequence with full pipeline, resilient to per-asset failure |
recraft_generate_themed_set | A hero asset + matching style + all remaining symbols, generated with visual consistency |
recraft_compare_styles | Same prompt across multiple styles, with an optional side-by-side comparison grid |
| Tool | Description |
|---|---|
recraft_explore | Generate a diverse set of images for open-ended exploration of a prompt |
recraft_explore_similar | Generate more images visually similar to a previous recraft_explore result |
recraft_enhance_prompt | Expand a short prompt into a richer, more detailed one |
| Tool | Description |
|---|---|
recraft_image_to_image | Transform an existing image from a text prompt (strength-adjustable) |
recraft_inpaint | Regenerate masked regions of an image |
recraft_replace_background | AI-generate a new background while keeping the subject |
recraft_generate_background | Fill masked background areas within the existing canvas |
recraft_outpaint | Expand the canvas beyond the image's original bounds with AI-generated content |
recraft_variate_image | Generate variations of an existing image |
recraft_texture_swap | Replace a region with new AI content — built for Spine atlas / spritesheet swaps |
| Tool | Description |
|---|---|
recraft_remove_background | Transparent-PNG background removal |
recraft_vectorize | Raster (PNG/JPG/WEBP) → SVG |
recraft_crisp_upscale | Clean upscale for graphics, icons, illustrations |
recraft_creative_upscale | AI-detail upscale with face refinement for photos |
recraft_erase_region | Content-aware removal of a masked region |
| Tool | What it does |
|---|---|
recraft_create_style | Create a custom style from 1-5 reference images |
recraft_list_styles | List the custom styles on the account — free, reads only |
recraft_get_style | Look up one style by id — free, reads only |
recraft_delete_style | Delete a style permanently |
recraft_list_basic_styles | Recraft's built-in styles per model, live from the API |
| Tool | Description |
|---|---|
recraft_create_style | Build a custom, reusable style from 1–5 reference images |
recraft_generate_asset | Full pipeline: generate → download → optional bg-removal → save to file |
recraft_download_image | Save an image URL to a local file |
recraft_check_credits | Check account info and remaining API credits |
Two behaviours worth knowing about, because they change what the agent can do.
Previews. Generation tools return a small inline image alongside the URL, so the model can actually look at the result — pick the best of four variations, notice that the background removal left a halo, see that the text came out garbled. Previews are downscaled until they fit a context budget (WebP, longest edge ≤768px, ≤700KB of base64) and capped at four per call, because an unbounded base64 blob costs more context than the image is worth.
Turn it off per call when the image is not being judged:
recraft_generate_image(prompt: "...", preview: false)
Cost. Every Recraft response states the credit cost of the call it served, and every tool here passes it through:
Model: recraftv4 | Size: 1024x1024 | Substyle: kawaii | Cost: 40 credits
This matters more than it sounds. A creative upscale costs 250 credits against a crisp upscale's 4 — 62× — and a themed set of 12 symbols runs to roughly 600. recraft_check_credits reads the balance, and the style-management tools are free reads, so an agent can look before it spends.
Requires Node.js 20.9.0 or newer. Version 1.1.0 upgrades the native image-processing dependencies to address known libvips vulnerabilities; Node.js 18 is no longer supported.
Sign up at recraft.ai and grab an API key from your account settings.
claude mcp add --scope user recraft \
-e RECRAFT_API_KEY=your-api-key-here \ -- npx -y recraft-mcp-server
Or add it manually to your MCP client config:
{
"mcpServers": { "recraft": { "command": "npx", "args": ["-y", "recraft-mcp-server"], "env": { "RECRAFT_API_KEY": "your-api-key-here" } } } }
| Variable | Description |
|---|---|
RECRAFT_API_KEY | Your Recraft AI API key |
docker build -t recraft-mcp-server .
docker run -i --rm -e RECRAFT_API_KEY=your-key recraft-mcp-server
In an MCP client config:
{
"mcpServers": { "recraft": { "command": "docker", "args": ["run", "-i", "--rm", "-e", "RECRAFT_API_KEY", "recraft-mcp-server"], "env": { "RECRAFT_API_KEY": "your-key" } } } }
The container talks MCP over stdio and never opens a port, so -i is required and -p is not. It runs as an unprivileged user; tools that write files need the target directory bind-mounted (-v /path:/path).
Game asset pipeline:
*"Generate a themed set of 6 fantasy potion icons in the same style, then export a Pixi.js manifest."* →
recraft_generate_themed_set
Quick sprite generation:
*"Generate a 64x64 pixel-art coin icon."* →
recraft_generate_sized
Style exploration:
*"Show me this logo prompt in 4 different styles side by side."* →
recraft_compare_styles
Photo cleanup:
*"Remove the background from this photo and upscale it for print."* →
recraft_remove_background→recraft_creative_upscale
Asset swapping:
*"Swap the texture in this region of the spritesheet with a new design."* →
recraft_texture_swap
Canvas expansion:
*"Widen this image to a 16:9 banner without cropping the subject."* →
recraft_outpaint
Open-ended exploration:
*"Explore some ideas for a race car on a track, then give me more like the third one."* →
recraft_explore→recraft_explore_similar
Prompt polishing:
*"Enhance this rough prompt before generating: 'red panda with a sign.'"* →
recraft_enhance_prompt
git clone https://github.com/muhammetali/recraft-mcp-server.git
cd recraft-mcp-server npm install npm run build npm test npm run audit:security npm run verify
Version 1.2.0 uses the official modular MCP SDK v2 while preserving all 24 tools. See security policy and dependency review for release checks, dependency decisions, and necessary runtime capabilities.
MIT — see LICENSE.