---
name: Recraft
slug: recraft
url: "https://dontmakeitugly.com/resources/recraft"
website: "https://www.recraft.ai"
docs: "https://www.recraft.ai/docs"
type: tool
categories:
  - assets
  - tools
tags:
  - image-generation
  - textures
  - illustration
  - vector
  - svg
  - mcp
pricing: freemium
openSource: false
agentFriendly: excellent
agentAccessMethods:
  - mcp
  - api
  - documentation
  - public_web
difficulty: beginner
dateAdded: "2026-09-10"
---

# Recraft

Generate the texture, illustration or icon instead of drawing it with CSS.

- Type: Tool
- Categories: Assets, Tools
- Pricing: Freemium
- Open source: no

## What it is

Recraft is an image generator built for design work rather than photos. It produces raster and vector output, keeps one style consistent across a set of images, and can vectorise, upscale and replace backgrounds. It runs as a web studio, as an API billed in units, and as an official remote MCP server that coding agents such as Claude Code and Cursor can call directly.

## Why it's here

When a section needs texture, an agent reaches for a CSS gradient, and that is where the purple comes from. A generated image with the palette named in the prompt does the same job without the tell. Recraft is here because it speaks vector and style, which is what interface work needs, and because the MCP server means the agent can make the asset without leaving the task.

## Best for

- textures and backgrounds
- illustrations in one style
- icons and vector art

## Links

- Website: https://www.recraft.ai
- Docs: https://www.recraft.ai/docs

## Can my agent use this?

Yes. Add the remote MCP server at https://mcp.recraft.ai/mcp to your agent's config; it signs in with your Recraft account and spends the same credits as the studio. Name the contract's colours in the prompt, ask for a texture or an illustration, save the file into the project and put it in an img or a background-image. The design check does not sample pixels inside images, so the asset can carry more colour than the frame around it. One caveat: images made on the free plan are owned by Recraft and shown publicly, so use a paid plan for anything you ship.

Agent friendliness: Excellent. Public docs, public source or an installable package. An agent can read, install and implement this directly.
Access methods: MCP, API, Docs, Public website.

## Prompt to hand your agent

```text
Use Recraft as a design and implementation reference for this project.

What it is: Generate the texture, illustration or icon instead of drawing it with CSS.

Website: https://www.recraft.ai
Documentation: https://www.recraft.ai/docs

Use it specifically for:
- textures and backgrounds
- illustrations in one style
- icons and vector art

How you can access it: MCP, API, Docs, Public website.

Read the documentation before writing code, and use the current version's API. Install it properly rather than re-implementing it. Adapt the defaults to this project's existing design tokens, typography, spacing and accessibility requirements. Do not blindly copy the entire resource.
```

## Related

- [unDraw](https://dontmakeitugly.com/resources/undraw.md): Open-source illustrations you can recolour to match your brand.
- [ShaderGradient](https://dontmakeitugly.com/resources/shadergradient.md): Slow-moving 3D gradients for React, Framer and Figma that look like expensive motion design.
- [Iconify](https://dontmakeitugly.com/resources/iconify.md): One API and one component for two hundred thousand icons from every major set.
- [Fontsource](https://dontmakeitugly.com/resources/fontsource.md): Self-host any open-source font with an npm install.

Recraft is an independent resource listed by Don't Make It Ugly. We link to it; we aren't affiliated with it. Pricing and licence details are as understood at the time of listing; check the official site.