Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Beschreibung vom Entwickler (englisches Original)
Zero-auth MCP: image optimize, cited storage/format data, and dev utilities LLMs get wrong.
Diese drei werden nie zu einer Punktzahl zusammengefasst: Meinungen, Messungen und Beliebtheit sind verschiedene Dinge.
Für diesen Server haben wir noch keine Zusammenfassung in einfacher Sprache geschrieben. Unten stehen die Fakten, die wir aus der Registry gelesen haben.
Wähle die KI-App, die du nutzt, und kopiere die Einstellungen.
Du brauchst
Welche App nutzt du?
Wähle oben deine App. Wir merken sie uns, damit der Button beim nächsten Mal „In … installieren“ anzeigt.
Funktioniert in Claude im Web, auf dem Desktop und auf dem Handy:
https://mcp.cleanor.app/mcpÖffne Claude Desktop → Settings → Developer → Edit Config und füge dies in claude_desktop_config.json ein
{
"mcpServers": {
"cleanor": {
"command": "npx",
"args": [
"-y",
"@cleanor/mcp"
]
}
}
}Führe das in deinem Terminal aus
claude mcp add --transport http cleanor https://mcp.cleanor.app/mcpclaude mcp add cleanor -- npx -y @cleanor/mcpIn .cursor/mcp.json in deinem Projekt oder in ~/.cursor/mcp.json einfügen
{
"mcpServers": {
"cleanor": {
"url": "https://mcp.cleanor.app/mcp"
}
}
}In .cursor/mcp.json in deinem Projekt oder in ~/.cursor/mcp.json einfügen
{
"mcpServers": {
"cleanor": {
"command": "npx",
"args": [
"-y",
"@cleanor/mcp"
]
}
}
}Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.
In .vscode/mcp.json in deinem Projekt einfügen
{
"servers": {
"cleanor": {
"type": "http",
"url": "https://mcp.cleanor.app/mcp"
}
}
}In .vscode/mcp.json in deinem Projekt einfügen
{
"servers": {
"cleanor": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@cleanor/mcp"
]
}
}
}Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.
ChatGPT verbindet sich nur mit Servern im Internet:
https://mcp.cleanor.app/mcpMenünamen können sich je nach Tarif und mit der Zeit leicht unterscheiden.
Deine Auswahl bleibt in einem Cookie auf diesem Gerät; kein Konto nötig.
Diese Einstellungen werden aus dem Registry-Eintrag des Entwicklers erzeugt. Wenn in der README etwas anderes steht, folge der README.
Die Tool-Liste dieses Servers haben wir noch nicht gelesen; wir prüfen die Endpunkte reihum.
Wir prüfen Informationen, die jeder sehen kann; den Code haben wir nicht gelesen. Checks, die nicht zutreffen, werden nicht mitgezählt. · Geprüft am 6. Nov. 2026
Der Registry-Name wurde über die Domain cleanor.app bestätigt (die Registry prüft, wem die Domain gehört)
Dieses Repo haben wir noch nicht von GitHub gelesen
Dieses Repo haben wir noch nicht von GitHub gelesen
Noch nicht geprüft; wir prüfen die Endpunkte reihum
Noch nicht geprüft; wir prüfen die Endpunkte reihum
Noch nicht geprüft; wir lesen die Tool-Liste, wenn wir den Endpunkt prüfen
Verglichen mit allen aktiven Servern dieser Kategorie in der Registry. Sterne zählen nur, wenn dem Herausgeber das Repo gehört.
Er hat 1 von 1 zutreffenden Basischecks bestanden. Den Code haben wir nicht gelesen. Bevor du einen Schlüssel oder Token hinzufügst, sieh nach, welche Zugriffe der Server verlangt, und nutze einen Schlüssel, der nur die Berechtigungen hat, die du brauchst.
Die Registry nennt keinen erforderlichen Schlüssel, manche Server bitten dich aber bei der ersten Nutzung, dich anzumelden.
Beides geht: Installiere ihn auf deinem Computer oder verbinde dich mit der Cloud-Version.
Das GitHub-Repo wurde zuletzt – geändert, und die neueste Version (0.6.1) kam vor 4 Monaten in die Registry.
Apps, die MCP unterstützen, etwa Claude Desktop, Claude Code, Cursor und VS Code. Er verbindet sich per URL, also funktionieren auch Apps, die Remote-MCP-Server akzeptieren, zum Beispiel ChatGPT im Entwicklermodus.
In derselben Kategorie: Figma Context MCP, Claude Real Video, Figma MCP Server
Server derselben Kategorie von anderen Entwicklern, sortiert nach Sternen.
So liest du eine Karte:★ GitHub-SterneiDrei Säulen: Bewertungen · Checks · NutzungiAktualisiert = neueste Version in der Registry veröffentlichti
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.
Unverändert aus dem Repo des Entwicklers übernommen. PopNx MCP hat den Inhalt weder geprüft noch empfiehlt es ihn. HTML, Bilder und Skripte wurden entfernt. Links führen von dieser Website weg.
A hosted, zero-auth MCP server with 22 tools: optimize and convert images, generate QR codes, and run the deterministic dev utilities LLMs get wrong.
No API key. No signup. No OAuth. Point any Model Context Protocol client at one URL and 22 tools appear, all read-only and safe to hand to an autonomous agent.
| Streamable HTTP endpoint | https://mcp.cleanor.app/mcp |
| npm package (stdio) | @cleanor/mcp |
| Official MCP Registry | app.cleanor/cleanor |
| Homepage | cleanor.app/mcp |
| Auth | none |
| Tools | 22 |
| Version | 0.6.0 |
Pick your client. Every option below points at the same hosted server, so there is nothing to build, install or key.
claude mcp add --transport http cleanor https://mcp.cleanor.app/mcp
Then run claude mcp list to confirm it connected. Full walkthrough: docs/add-an-mcp-server-to-claude-code.md.
Add to .cursor/mcp.json (per project) or ~/.cursor/mcp.json (global):
{
"mcpServers": { "cleanor": { "url": "https://mcp.cleanor.app/mcp" } } }
Run code --add-mcp '{"name":"cleanor","type":"http","url":"https://mcp.cleanor.app/mcp"}', or add the server to .vscode/mcp.json in the workspace:
{
"servers": { "cleanor": { "type": "http", "url": "https://mcp.cleanor.app/mcp" } } }
Open Settings, then Connectors, then "Add custom connector", and paste the endpoint:
https://mcp.cleanor.app/mcp
Or run the server locally over stdio from claude_desktop_config.json:
{
"mcpServers": { "cleanor": { "command": "npx", "args": ["-y", "@cleanor/mcp"] } } }
The npm build is the same tool registry compiled for Node. It uses sharp (an optional dependency) for local image encoding; the other 21 tools need nothing.
The endpoint speaks the MCP Streamable HTTP transport, so you can drive it with curl or any HTTP client:
curl -s https://mcp.cleanor.app/mcp \
-H 'content-type: application/json' \ -H 'accept: application/json, text/event-stream' \ -d '{"jsonrpc":"2.0","id":1,"method":"initialize", "params":{"protocolVersion":"2025-06-18","capabilities":{}, "clientInfo":{"name":"curl","version":"1"}}}'
There is also a plain REST surface for non-MCP callers: GET /v1/capabilities (feature detection, machine-readable tool list) and POST /v1/optimize (one image in, optimized bytes out).
22 tools, every one of them carrying an input and an output schema, so a client gets typed structuredContent back and not just a wall of text.
| Tool | What it does | Key params | |||
|---|---|---|---|---|---|
optimize_image | Fetches an image from a public URL and re-encodes it smaller. Returns the optimized image plus before and after byte counts. Input capped at 25 MB. | image_url (required), format (webp \ | avif \ | jpeg, default webp), width (16 to 4096 px, optional), quality (1 to 100, default 80) | |
placeholder_image | Dependency-free SVG placeholder at any size, with a label and custom colors. | width (default 600), height (default 400), bg, color, text | |||
qr_code | Encodes text or a URL as a crisp SVG QR code you can paste anywhere. | text (required, up to 2000 chars), ecc (L \ | M \ | Q \ | H, default M), size (64 to 1024, default 320) |
| Tool | What it does | Key params | ||
|---|---|---|---|---|
storage_capacity | How many photos or minutes of video actually fit in a storage tier, corrected for real OS and filesystem overhead. Returns a per-format breakdown. | storage_gb (required, 1 to 4096), content (photos \ | video, default photos) | |
image_format_savings | How much smaller WebP, AVIF or JPEG XL are than JPEG at matched perceptual quality, from a controlled benchmark on the 24-image Kodak suite. Also reports the HEIC conversion tax. | format (webp \ | avif \ | jxl, default avif), quality (web = SSIM 0.95, high = SSIM 0.98, default web) |
The operations an LLM is unreliable at: hashing, counting, radix math, timezones. Pure compute, no network, no state.
| Tool | What it does | Key params | ||||
|---|---|---|---|---|---|---|
hash | SHA-1/256/384/512 hex digest of text. MD5 is deliberately not offered. | input (required), algorithm (default sha-256) | ||||
hmac | Keyed HMAC signature, hex or Base64. For signing and verifying webhooks. | message (required), secret (required), algorithm (default sha-256), encoding (hex \ | base64) | |||
uuid | UUID v4 (random) or v7 (time-sortable, the better database key). | version (v4 \ | v7, default v4), count (1 to 100) | |||
base64 | Base64 encode or decode, UTF-8 safe, optional URL-safe alphabet. | input (required), mode (encode \ | decode), url_safe (boolean) | |||
json_format | Validates JSON, then pretty-prints or minifies it, optionally deep-sorting keys. Returns a precise parse error if invalid. | input (required), mode (pretty \ | minify), sort_keys (boolean) | |||
jwt_decode | Decodes a JWT header and payload and flags expiry. The signature is not verified and no secret is needed. | token (required) | ||||
regex_test | Runs a JavaScript regex against sample text and returns every match with its index and captured groups (first 100). | pattern (required), input (required), flags (default g) | ||||
cron_describe | Explains a 5-field cron expression in plain English and lists the next 5 run times in UTC. | expression (required) | ||||
unit_convert | Exact conversion across length, mass, data size, time, speed and temperature. | value (required), from (required), to (required) | ||||
datetime | The real current time, or any timestamp, rendered in an IANA timezone as ISO, Unix and human forms. | input (optional Unix timestamp or ISO string), timezone (default UTC) | ||||
url_parse | Splits a URL into scheme, host, port, path, decoded query params and fragment. | url (required) | ||||
base_convert | Integer conversion between bases 2 and 36, BigInt-exact so large values stay exact. | value (required), from_base (default 10), to_base (default 16) | ||||
diff | Line-by-line diff of two texts with an added and removed count. Up to 1000 lines per side. | a (required), b (required) | ||||
color | Converts one color into hex, RGB and HSL at once. Accepts hex, rgb(), hsl() and CSS names. | value (required) | ||||
color_palette | Derives a harmonious palette from one base color. | color (required), harmony (complementary \ | analogous \ | triadic \ | tetradic \ | monochromatic) |
slugify | Clean, URL-safe slug from a title: lowercased, hyphenated, accents stripped. | input (required), separator (- \ | _) | |||
count | Exact characters (code points), UTF-16 units, words, lines and UTF-8 bytes. | input (required) |
Every tool is annotated readOnlyHint: true. Only optimize_image touches the network (openWorldHint: true); the other 21 are pure functions of their input.
Full input and output schemas: docs/mcp-tools-reference.md.
data/tools.csv is the same 22 tools as a flat, machine-readable table: name, title, category (image, data, dev), summary, required and optional parameters, and output fields. Handy for diffing releases, feeding an MCP directory, or comparing this server against another.
The file is generated, not hand-written: every value is read out of the tool's Zod schema in src/tools/. If you add or change a tool, regenerate it.
npm run tools:csv # rewrite data/tools.csv from src/tools/
npm run tools:csv:check # exit 1 if data/tools.csv is out of date
| Page | What it answers |
|---|---|
| How to add an MCP server to Claude Code | The claude mcp add command for stdio, HTTP and SSE servers, the three config scopes, and how to debug a server that will not connect. |
| MCP server for image optimization | How to let an AI agent compress and convert images (WebP, AVIF, JPEG) through MCP, and the measured savings per format. |
| MCP tools reference | All 22 tools, one section each, with the complete input and output schema and an example call. |
Yes. It is free to use, with no account, no API key and no paid tier. The hosted endpoint is rate-limited per IP (120 requests per minute in general, 30 per minute for image optimization) so one client cannot starve the rest, and the source is MIT licensed if you would rather run it yourself.
No. Auth is none, which you can verify for yourself at GET https://mcp.cleanor.app/v1/capabilities. There is no signup, no OAuth flow and no token to rotate. Point your client at https://mcp.cleanor.app/mcp and start calling tools.
Only what you pass to a tool. 21 of the 22 tools are pure functions evaluated on the server, and optimize_image additionally fetches the public image URL you hand it. There is no account, no user identifier, and no database or object store in the server: it is a single Cloudflare Worker with no persistence binding for your inputs. If your data is sensitive, run the stdio build locally with npx -y @cleanor/mcp and nothing leaves your machine.
Yes, in two ways. Run it locally over stdio with npx -y @cleanor/mcp (the same tool registry, with sharp doing the image encoding instead of Cloudflare Images), or deploy this repo to your own Cloudflare account with wrangler deploy, since the Worker entry point and wrangler.jsonc are both in the tree. The Dockerfile builds the stdio server for registries and scanners that prefer to start it themselves.
A local (stdio) server is a process your client spawns on your machine: it can reach your filesystem, but you have to install it, keep it updated and carry its dependencies. A hosted (Streamable HTTP) server is just a URL: no install, no version drift, and the heavy work runs on someone else's CPU. Cleanor MCP is offered both ways, and the hosted endpoint is the one to prefer for image optimization, because Cloudflare Images does the encoding and you never install sharp.
Any MCP client that speaks Streamable HTTP: Claude Code, Claude Desktop (as a custom connector), Cursor, VS Code, and the agent frameworks with MCP support. Clients that only speak stdio can run the npm package instead. Both paths expose the identical 22 tools, because both register the same tool array from src/tools/.
storage_capacity and image_format_savings return numbers from Cleanor Labs' publish
Nur der Anfang wird gezeigt; den Rest findest du im Repo