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)
Render HTML, Markdown, or URLs to images, PDF, or branded artifacts; extract and watch pages.
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.
RENDEX_API_KEY, AuthorizationValues marked secret are keys to your account. Never share them or paste them into a chat.
You need
Which app do you use?
Pick your app above. We remember it, so next time the button says “Install in …”.
This address needs a key in a request header, which the add-connector menu cannot set. Use Claude Code, Cursor or VS Code instead.
Open Claude Desktop → Settings → Developer → Edit Config, and paste this into claude_desktop_config.json
{
"mcpServers": {
"rendex": {
"command": "npx",
"args": [
"-y",
"@copperline/rendex-mcp"
],
"env": {
"RENDEX_API_KEY": "your-value"
}
}
}
}Run this in your terminal
claude mcp add --transport http rendex https://mcp.rendex.dev/mcp --header 'Authorization: your-value'claude mcp add rendex --env RENDEX_API_KEY=your-value -- npx -y @copperline/rendex-mcpFill in the empty values before running it.
Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"rendex": {
"url": "https://mcp.rendex.dev/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"rendex": {
"command": "npx",
"args": [
"-y",
"@copperline/rendex-mcp"
],
"env": {
"RENDEX_API_KEY": "your-value"
}
}
}
}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": {
"rendex": {
"type": "http",
"url": "https://mcp.rendex.dev/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}Paste into .vscode/mcp.json in your project
{
"servers": {
"rendex": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@copperline/rendex-mcp"
],
"env": {
"RENDEX_API_KEY": "your-value"
}
}
}
}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.
This address needs a key in a request header, which the add-connector menu cannot set. Use Claude Code, Cursor or VS Code instead.
Your choice stays on this device in a cookie; no account needed.
Authorization secret HTTP headerThese settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
We have not read this server’s tool list yet; we check endpoints in rotation.
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 8, 2026
The registry name was verified with the GitHub account copperline-labs, which owns the repo
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
Not checked yet; we check endpoints in rotation
Not checked yet; we check endpoints in rotation
Not checked yet; we read the tool list when we check the endpoint
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 1 of 1 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.
You need to fill in: RENDEX_API_KEY, Authorization
Either way works: install it on your computer or connect to the cloud version.
The GitHub repo last changed –, and the latest version (1.8.2) reached the registry 4 months 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.
Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.
MCP server for Rendex — render raw HTML, Markdown, or any URL to an image or PDF via AI agents using the Model Context Protocol.
Add to your MCP client config:
{
"mcpServers": { "rendex": { "command": "npx", "args": ["-y", "@copperline/rendex-mcp"], "env": { "RENDEX_API_KEY": "your-api-key" } } } }
Where to add this:
| Client | Config location |
|---|---|
| Claude Desktop | ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) |
| Cursor | .cursor/mcp.json in project root, or Settings > MCP |
| Windsurf | Settings > MCP Servers |
Add a .mcp.json to your project root with the same config above. Then restart Claude Code.
Important: Add
.mcp.jsonto your.gitignore— it contains your API key.
Connect to the hosted server at https://mcp.rendex.dev/mcp — no install needed. It's fronted by OAuth 2.1 (authorization-code + PKCE S256), so OAuth-capable clients (ChatGPT, Claude, Cursor, the MCP Inspector) connect with no API key — you sign in with a one-time email code and each caller bills against their own Rendex plan and credit pool.
Clients that prefer a static key can still pass one directly:
{
"mcpServers": { "rendex": { "url": "https://mcp.rendex.dev/mcp", "headers": { "Authorization": "Bearer your-api-key" } } } }
rendex_screenshotRender any webpage, raw HTML, or Markdown to an image or PDF.
"Take a screenshot of https://example.com"
"Capture the full page of https://news.ycombinator.com in dark mode" "Generate a PDF of https://github.com with A4 page size" "Capture https://amazon.de as seen from Germany" "Render this HTML invoice as a PDF" "Render this Markdown release note as a PDF"
Parameters:
| Parameter | Type | Default | Description | |||
|---|---|---|---|---|---|---|
url | string | required* | Webpage URL to capture. Mutually exclusive with html and markdown. | |||
html | string | — | Raw HTML to render. Mutually exclusive with url and markdown. | |||
markdown | string | — | Markdown to render (server converts to HTML). Mutually exclusive with url and html. | |||
data | object | — | Key-value data for Mustache templating. When set, the html or markdown string is rendered as a logic-less Mustache template before capture. Invalid with url. | |||
format | "png" \ | "jpeg" \ | "webp" \ | "pdf" | "png" | Output format |
fullPage | boolean | false | Capture full scrollable page | |||
darkMode | boolean | false | Emulate dark color scheme | |||
width | number | 1280 | Viewport width (320-3840) | |||
height | number | 800 | Viewport height (240-2160) | |||
resizeWidth | number | — | Downscale output to this width in px (aspect ratio preserved if resizeHeight omitted). Ignored for PDF | |||
resizeHeight | number | — | Downscale output to this height in px (aspect ratio preserved if resizeWidth omitted). Ignored for PDF | |||
quality | number | 80 | Image quality 1-100 (JPEG/WebP only, default 80) | |||
delay | number | 0 | Wait ms before capture | |||
blockAds | boolean | true | Block ads and trackers | |||
blockCookieBanners | boolean | — | Hide common cookie/consent banners (GDPR/CCPA) before capture | |||
blockResourceTypes | string[] | — | Block resource types: font, image, media, stylesheet, other | |||
device | string | — | Device preset: desktop, iphone_15, iphone_se, pixel_8, ipad, ipad_pro — sets viewport, scale, and user agent in one shot. Overrides width/height/deviceScaleFactor/userAgent | |||
deviceScaleFactor | number | 2 | Device pixel ratio (1-3). 2× Retina by default | |||
timeout | number | 30 | Max seconds to wait for page load (5-60) | |||
waitUntil | string | "networkidle2" | Page readiness: load, domcontentloaded, networkidle0, networkidle2 | |||
waitForSelector | string | — | CSS selector to wait for before capture | |||
bestAttempt | boolean | true | Return partial render on timeout instead of failing | |||
selector | string | — | CSS selector of element to capture instead of full page | |||
hideSelectors | string[] | — | CSS selectors to hide (display:none) before capture, e.g. ['.modal', '#newsletter-popup']. Max 50 | |||
css | string | — | Custom CSS to inject before capture (max 50KB) | |||
js | string | — | Custom JavaScript to execute before capture (max 50KB) | |||
cookies | array | — | Cookies to set for authenticated captures (max 50) | |||
headers | object | — | Custom HTTP headers for the page request | |||
userAgent | string | — | Override browser user agent string | |||
pdfFormat | string | — | PDF page size: A4, Letter, Legal, Tabloid, A3 | |||
pdfLandscape | boolean | — | PDF landscape orientation | |||
pdfPrintBackground | boolean | true | Print background in PDF | |||
pdfScale | number | 1 | PDF scale factor (0.1-2) | |||
pdfMargin | object | — | PDF margins: {top, right, bottom, left} as CSS values | |||
geo | string | — | ISO country code for geo-targeted capture (Pro/Enterprise) | |||
geoCity | string | — | City for geo-targeting (requires geo) | |||
geoState | string | — | State for geo-targeting (requires geo) | |||
async | boolean | — | Process asynchronously (returns job ID) | |||
webhookUrl | string | — | URL to receive callback when async capture completes (Starter+; Free/Basic poll job status) | |||
cacheTtl | number | — | Seconds to cache result (3600-2592000) |
rendex_extractExtract clean reader-mode content from any webpage as Markdown, JSON, or HTML. Runs the same Chromium render pass as a screenshot, so it captures content after JavaScript runs — handling SPAs that fetch-only readers miss. Strips nav, ads, and boilerplate, returning the article body plus title, byline, and excerpt. Great for feeding page content to an LLM, summarization, or RAG ingestion.
"Extract the article text from https://example.com/post as Markdown"
"Pull the readable content from this SPA as JSON so I can summarize it"
Parameters:
| Parameter | Type | Default | Description | ||
|---|---|---|---|---|---|
url | string | required | Webpage URL to extract readable content from | ||
extractFormat | "markdown" \ | "json" \ | "html" | "markdown" | Output shape — markdown (LLM-friendly prose), json (structured: title/byline/excerpt/siteName/length), or html (cleaned reader-mode HTML) |
device | string | — | Device preset (desktop, iphone_15, iphone_se, pixel_8, ipad, ipad_pro) — extract the mobile/tablet version of a page | ||
blockAds | boolean | true | Block ads and trackers before extraction | ||
blockCookieBanners | boolean | — | Hide common cookie/consent walls before extraction | ||
hideSelectors | string[] | — | CSS selectors to hide before extraction, e.g. ['.modal', '#newsletter-popup']. Max 50 | ||
waitUntil | string | "networkidle2" | Page readiness: load, domcontentloaded, networkidle0, networkidle2 | ||
timeout | number | 30 | Max seconds to wait for page load (5-60) |
rendex_render_linkRender a URL, raw HTML, or Markdown and get back a signed, hosted, edge-cached image URL instead of the bytes — ideal for dynamic OG images. Drop the URL into or an tag and Rendex serves a cached copy on every share. Takes the same parameters as `rendex_screenshot`, plus an optional expiresIn. Returns { url, expiresAt, format, cacheTtl }.
"Make me a hosted OG-image URL for this Markdown release note"
"Give me a render link for this HTML card that I can drop into og:image"
| Parameter | Type | Default | Description |
|---|---|---|---|
*(all rendex_screenshot params)* | — | — | Same source (url/html/markdown), format, sizing, and templating options |
expiresIn | number | server TTL | Seconds until the signed URL expires (60–2592000) |
render_artifactTurn Markdown or HTML into a branded, downloadable artifact — a PDF, a PNG, and a hosted share page — in one call. Ideal for agent outputs: reports, invoices, summaries, release notes, dashboards. Apply a logo, accent color, font, header, and footer; choose PDF page size/orientation/margins. Returns hosted URLs { pdfUrl, pngUrl, shareUrl, expiresAt } — no storage needed on your side. Each requested format costs 1 render credit.
"Turn this Markdown report into a branded PDF and PNG with our logo and an orange accent"
"Render this invoice HTML to a PDF and give me a share link that expires in a week"
| Parameter | Type | Default | Description | |
|---|---|---|---|---|
content | string | required | The Markdown or HTML body to render (up to ~4MB) | |
inputFormat | "markdown" \ | "html" | "markdown" | How to interpret content — markdown is converted to styled HTML; html is used as a body fragment |
formats | `("pdf" \ | "png")[]` | ["pdf","png"] | Which formats to produce. Each costs 1 credit |
accentColor | string | — | CSS accent color for the bar, links, and headings (e.g. #EA580C) | |
logo | string | — | http(s) URL of a logo image shown in the header | |
header | string | — | plain-text header line shown beside the logo | |
footer | string | — | plain-text footer line shown at the bottom | |
font | string | — | CSS font-family stack for the body | |
pageSetup | object | — | { size, orientation, margin{top,right,bottom,left}, scale, width, height, fullPage } | |
data | object | — | Mustache data — when set, content is rendered as a logic-less Mustache template (plus {{logo}}/{{header}}/… from branding) before conversion | |
expiresIn | number | 86400 | Seconds until the hosted URLs expire (3600–2592000). Default 24h |
Monitor a URL on a schedule and get notified when it changes — real-Chrome visual diff (with a highlighted overlay), an extracted-text diff, or both. Eight tools let an agent set up, inspect, edit, and tear down watches on the shared Rendex platform (one rdx_ key, one credit pool).
"Watch https://example.com/pricing for visual changes and alert my webhook"
"Before I save it, test whether you can capture #pricing on that page" "Show me the last few runs of watch — did anything change?"
| Tool | Purpose | Key inputs |
|---|---|---|
watch_create | Create a watch (active → captures its baseline now) | url, name?, intervalMinutes?, diffMode? (visual/text/both), threshold?, renderParams?, webhookUrl? (Starter+), notifyEmail?, paused? |
watch_test | Dry-run a config first (creates nothing) | same as watch_create |
watch_list | List your watches | status? (active/paused/all), cursor?, limit? |
watch_get | Fetch one watch (+ baseline URL) | id |
watch_run | Run a check now (1 credit) | id |
watch_runs | Run history with signed before/after/overlay URLs | id, cursor?, limit? |
watch_update | Edit a watch in place — interval, diff mode, channels, render params | id, plus any watch_create field; webhookUrl/notifyEmail accept null to clear a channel |
| watch_delete | Delete a watc
Only the beginning is shown; read the rest in the repo