
Recraft AI
OfficialConnects to Recraft's API to generate, edit, and manipulate both raster and vector images with fine-grained artistic control.
Integrates with Recraft's image generation API to create and edit raster and vector images, apply custom styles, manipulate backgrounds, upscale images, and perform vectorization with fine-grained control over artistic properties.
What it does
- Generate raster and vector images from text prompts
- Edit existing images with precise modifications
- Create custom artistic styles for image generation
- Remove and replace image backgrounds
- Upscale raster images to higher resolutions
- Convert raster images to vector format
Best for
About Recraft AI
Recraft AI is an official MCP server published by recraft-ai that provides AI assistants with tools and capabilities via the Model Context Protocol. Recraft AI is an ai image generator for creating, editing, and upscaling raster or vector images with advanced artificia It is categorized under ai ml, design.
How to install
You can install Recraft AI in your AI client of choice. Use the install panel on this page to get one-click setup for Cursor, Claude Desktop, VS Code, and other MCP-compatible clients. This server runs locally on your machine via the stdio transport.
License
Recraft AI is released under the MIT license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.
This is an MCP (Model Context Protocol) server integrating MCP clients with Recraft's raster- and vector-image operations:
- raster and vector image generation
- raster and vector image editing
- creating custom styles and generating images in them
- vectorization of raster images
- background removal and replacement
- upscaling of raster images
By connecting this MCP server to your MCP client you will be able to generate high-quality raster and vector images using Recraft, combining different tools.
Table of Contents
Setup
Prerequisites
-
First of all, you will need a Recraft API key. To obtain it, register your account on Recraft; then go to your profile API page. Here you can buy API units (credits) and generate an API key.
-
You will need to have an MCP client installed, for example Claude Desktop.
Claude Desktop Extensions
If you are using Claude Desktop you can set up this server using Claude Desktop Extensions.
- Download
mcp-recraft-server.dxtfrom the latest release - Double-click the file to open it with Claude Desktop
- Click Install
- Fill out the form
- Enable the server
In the form you need to paste your Recraft API key obtained on your profile API page. You can also specify a local path for generated image storage or indicate that all results should be stored remotely.
In case of installation issues, check that you have the latest version of Claude Desktop.
Smithery
You can find this MCP server on Smithery. If this MCP is installed from Smithery, all generation results will be stored remotely. Use Desktop Extensions or Manual Setup to store generation results on your local device.
Manual Setup
You're going to need Node running on your machine so you can run npx or node commands in your terminal. If you don't have Node, you can install it from nodejs.org.
From NPM
Modify your claude_desktop_config.json file to add the following:
{
"mcpServers": {
"recraft": {
"command": "npx",
"args": [
"-y",
"@recraft-ai/mcp-recraft-server@latest"
],
"env": {
"RECRAFT_API_KEY": "<YOUR_RECRAFT_API_KEY>",
"IMAGE_STORAGE_DIRECTORY": "<YOUR_IMAGE_STORAGE_DIRECTORY>",
"RECRAFT_REMOTE_RESULTS_STORAGE": "<YOUR_REMOTE_RESULTS_STORAGE_INDICATOR>"
}
}
}
}
From source
Clone this repository:
git clone https://github.com/recraft-ai/mcp-recraft-server.git
In the directory with cloned repository run:
npm install
npm run build
Modify your claude_desktop_config.json file to add the following:
{
"mcpServers": {
"recraft": {
"command": "node",
"args": ["<ABSOLUTE_PATH_TO_CLONED_DIRECTORY>/dist/index.js"],
"env": {
"RECRAFT_API_KEY": "<YOUR_RECRAFT_API_KEY>",
"IMAGE_STORAGE_DIRECTORY": "<YOUR_IMAGE_STORAGE_DIRECTORY>",
"RECRAFT_REMOTE_RESULTS_STORAGE": "<YOUR_REMOTE_RESULTS_STORAGE_INDICATOR>"
}
}
}
}
You can specify these parameters:
RECRAFT_API_KEY: mandatory parameter, your Recraft API key.IMAGE_STORAGE_DIRECTORY: optional parameter, you can specify the directory in which all generated images will be stored. By default this directory is$HOME_DIR/.mcp-recraft-server. IfRECRAFT_REMOTE_RESULTS_STORAGE="1", the value of this parameter is ignored.RECRAFT_REMOTE_RESULTS_STORAGE: optional parameter, you can set the value to"1", in this case all generated images will be stored remotely and their URLs will be returned. Also,IMAGE_STORAGE_DIRECTORYwill be ignored in this case.
Tools
In this MCP you can use the following tools:
| Tool Name | Description | Parameters | Price |
|---|---|---|---|
generate_image | Generates raster/vector images from prompt | - prompt - style - size - model - number of images | $0.04/$0.08 per raster/vector image |
create_style | Creates a style from the list of images | - list of images - basic style | $0.04 |
vectorize_image | Vectorizes raster image | - image | $0.01 |
image_to_image | Generates raster/vector images from image and prompt | - image - prompt - similarity strength - style - size - model - number of images | $0.04/$0.08 per raster/vector image |
remove_background | Removes background in image | - image | $0.01 |
replace_background | Generates new background in image from prompt | - image - prompt for background - style - size - model - number of images | $0.04/$0.08 per raster/vector image |
crisp_upscale | Crisp upscale of image | - image | $0.004 |
creative_upscale | Creative upscale of image | - image | $0.25 |
get_user | Get information about the user and left balance |
You can find the detailed explanation of tools, their parameters, and prices in Recraft API docs.
Alternatives
Related Skills
Browse all skillsBuild beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack decision frameworks, and dependency analysis. Use when designing system architecture, making technical decisions, creating architecture diagrams, evaluating trade-offs, or defining integration patterns.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).
Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.