Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Description from the maker (original English)
Edit images in one call: resize, convert, compress, crop, metadata, favicons, QR codes, OCR.
These three are never merged into one score: opinions, measurements and popularity are different things.
We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.
Pick the AI app you use, then copy the settings.
You need
Which app do you use?
Pick your app above. We remember it, so next time the button says “Install in …”.
Works in Claude on the web, desktop and mobile:
https://tanod.dev/mcp/imagesRun this in your terminal
claude mcp add --transport http images https://tanod.dev/mcp/imagesPaste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"images": {
"url": "https://tanod.dev/mcp/images"
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
Paste into .vscode/mcp.json in your project
{
"servers": {
"images": {
"type": "http",
"url": "https://tanod.dev/mcp/images"
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
ChatGPT connects only to servers on the internet:
https://tanod.dev/mcp/imagesMenu names can differ slightly by plan and over time.
Your choice stays on this device in a cookie; no account needed.
These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
Tool names and descriptions exactly as the server reported them on Nov 6, 2026. The maker wrote them, not us; we show them as plain text.
image_resizeimagepeek: Resize an image. For several sizes in one call use image_thumbnail; for a box or ratio use image_crop. Returns the image resized to `width` and/or `height` (or by `scale`) with `fit` inside (default), contain (letterboxed on `background`), cover (centre crop) or fill (
image_convertimagepeek: Convert an image to PNG, JPEG, WebP, GIF, TIFF, BMP, ICO or AVIF. To shrink the file use image_compress. Returns the image converted `to` png, jpeg, webp, gif, tiff, bmp, ico (16-256 px icon sizes) or avif, with `quality`, progressive JPEG, optimized PNG or lossless We
image_compressimagepeek: Compress an image, optionally to a byte budget. To change the format only use image_convert. Returns a smaller JPEG, WebP, AVIF or PNG (or original if not smaller). With `max_bytes`, default `fit: quality` keeps dimensions; `fit: downscale` tries up to 6 aspect-preserv
image_cropimagepeek: Crop an image to a box or an aspect ratio. To scale instead use image_resize. Returns the image cropped to a box (`left`, `top`, `width`, `height`; out of bounds is a 422 crop_out_of_bounds) or to an `aspect` ratio such as 16:9 placed by `gravity` (center or a side or
image_rotateimagepeek: Rotate or flip an image. To change the format use image_convert. Returns the image rotated clockwise by `angle` (multiples of 90 are lossless transposes; other angles are bicubic, expanded by default, corners filled with `background`) and/or flipped (horizontal, vertic
image_thumbnailimagepeek: Make 1-8 thumbnails of an image in one call. For one exact resize use image_resize. Returns 1-8 thumbnails in one call, each `sizes` entry {width, height} (at most 4096), by `fit` cover (smart centre crop with `gravity`, default) or contain; not upscaled unless `upscal
image_metadataimagepeek: Read an image's EXIF, GPS, XMP, IPTC and ICC metadata. To remove the metadata use image_strip_metadata. Returns an image's header and metadata without decoding its pixels: format, dimensions, mode, frames, dpi, ICC profile, EXIF (camera, lens, dates, exposure, ISO, ori
image_strip_metadataimagepeek: Strip an image's EXIF, GPS, XMP, IPTC and comment metadata. To read the metadata use image_metadata. Returns the image without EXIF (GPS included), XMP, IPTC, comments and text chunks: JPEG, PNG, WebP and GIF are stripped losslessly at the byte level (pixel data unchan
image_watermarkimagepeek: Add a text watermark to an image. For PDFs use pdf_watermark. Returns the image with a text watermark (1-200 printable characters, DejaVu Sans Mono) at one of 9 positions, or `tile`d in a staggered grid, with `opacity`, `font_size` (default 5% of the short side), `colo
image_colorsimagepeek: Extract the dominant colours of an image. For a placeholder string use image_blurhash. Returns an image's palette of `k` colours (hex, rgb, share), the dominant one and the average colour with its luminance, from a 200 px sample (median cut refined by k-means; transpar
image_hashimagepeek: Compute perceptual hashes of an image, optionally compared. To group duplicates among up to 100 images use image_dedupe. Returns perceptual hashes of an image (aHash, dHash, pHash, wHash; 64 or 256 bits, imagehash-compatible) and, with a second image (`compare_url` or
image_dedupeimagepeek: Find duplicate images in a batch: group near-duplicates and pick the biggest. For a pair use image_hash. Returns groups of duplicate and near-duplicate images among up to 100 URLs (perceptual hash and Hamming distance), the highest-resolution image of each group as the
image_faviconimagepeek: Generate a favicon set from an image. For plain sizes use image_thumbnail. Returns a favicon set from one image: favicon.ico (16, 32, 48 px), favicon-32x32.png, apple-touch-icon.png (180 px, flattened on `apple_background`, white by default), icon-192.png and icon-512.
image_blurhashimagepeek: Generate a BlurHash placeholder string for an image. For the palette use image_colors. Returns the BlurHash string of an image (the published woltapp algorithm, identical to the reference package), with `x_components` and `y_components` 1-9 (default 4 x 3), for blurred
read_qr_barcodeimagepeek: Read every QR code and barcode in an image. To make a QR code use make_qr_code; for other text use ocr_image. Returns every code found: `type` (QR, EAN-13, EAN-8, UPC-A, UPC-E, Code128, Code39), decoded `text`, `kind` (url, wifi, vcard, payment_emv, ...), corner `point
ocr_imagesitepeek: OCR the text in a public image. For a scanned PDF use pdf_ocr; for QR codes and barcodes use read_qr_barcode. Returns width, height, format, text (lines and paragraphs kept), words and confidence_mean (0-100, mean word confidence). Non-images, oversize images, other lan
make_qr_codeutilpeek: make a QR code image. For 1-D barcodes use make_barcode; to read a code use read_qr_barcode. Returns `svg` (text) or `data_base64` (PNG), or with `output` "url" a 24 h download link, plus `version`, `modules`, `width_px`, `height_px` and `bytes`. Data too long for a QR
make_barcodeutilpeek: make a 1-D barcode image. For QR codes use make_qr_code; to find the product behind a number use lookup_barcode_product. Returns `svg` (text, with width_mm/height_mm) or `data_base64` (PNG, with width_px/height_px; `output` "url": a 24 h link), plus `encoded` and `bytes
convert_color_check_contrastutilpeek: Convert a color between hex, RGB, HSL and OKLCH and check WCAG contrast. For contrast alone use check_wcag_contrast. Returns a CSS color (hex, rgb(), hsl() or a CSS name) as hex, rgb, hsl, hsv, naive cmyk, OKLCH and WCAG relative luminance; with a `background`, the WCAG
render_mermaidpdfpeek: Render Mermaid diagram code to an SVG or PNG image. Returns Mermaid diagram code drawn as an SVG or PNG file in an offline sandboxed browser: `format` svg | png, `theme` (default, dark, forest, neutral, base), `scale` 1-4 for PNG (default 2, sharp when zoomed). File base
extract_pdf_imagespdfpeek: Extract embedded raster images from a PDF. Returns a ZIP of raster image XObjects and a per-page manifest; identical bytes share an asset. Up to 500 input pages, 100 selected pages, 200 image references and 15 MB output; 40 MP per image, 100 MP across distinct objects. R
vectorize_imageimagepeek: Vectorize a raster image to SVG paths. Returns traces a PNG, JPEG or WebP logo, icon or diagram into filled SVG paths using VTracer (MIT). Approximate; not OCR. 10 MB/40 MP input; trace <=262144 pixels. Alpha becomes white. SVG <=2 MB/2000 paths, script-free. text/plai
upscale_imageimagepeek: Upscale a small image 2x with a neural model. Returns creates a 2x neural derivative of one PNG, JPEG or WebP using offline QuickSRNet Small (BSD-3-Clause). Neural x2 derivative, not recovered detail or OCR. PNG/JPEG/WebP <=250000 pixels, 2048 per side; output PNG <=1
recognize_math_imageimagepeek: Recognize one printed equation as LaTeX. Returns recognizes one cropped printed equation as LaTeX using an offline model. Input: Exactly one url or image_base64; PNG, JPEG or WebP, up to 10 MB and 4 MP. Printed equation crop only; 10 MB/4 MP. Approximate, not a solver.
We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 7, 2026
The registry lists no source repo, so we cannot match the publisher (tanod.dev) to the code
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
Responded in 695 ms (HTTP 200)
No sign-in needed
Read 24 tool descriptions and found no hidden instructions to the AI
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 2 of 3 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.
The registry does not list a required key, though some servers ask you to sign in on first use.
It runs in the maker’s cloud. Connect over the internet with nothing to install, but what you send passes through the maker’s servers.
The GitHub repo last changed –, and the latest version (0.1.1) reached the registry 4 days ago.
Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. It connects by URL, so apps that accept remote MCP servers work too, such as ChatGPT in developer mode.
In the same category: Figma Context MCP, Claude Real Video, Figma MCP Server
Servers in the same category from other makers, sorted by stars.
Reading a card:★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi
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.
Figma’s official server gives AI your design data so it can turn designs into code or describe them accurately. Connects to Figma’s cloud.
No README found in the repo