Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者提供的说明(英文原文)
Render HTML, Markdown, or URLs to images, PDF, or branded artifacts; extract and watch pages.
这三项永远不会合并成一个分数:意见、测量和人气是不同的东西。
我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。
选择你使用的 AI 应用,然后复制设置。
RENDEX_API_KEY, Authorization标为机密的值是你账户的钥匙。千万不要分享给别人,也不要粘贴到聊天里。
你需要
你用的是哪个应用?
在上方选择你的应用。我们会记住它,下次按钮会显示“安装到 …”。
这个地址需要在请求的 header 中放入密钥,而添加连接器的菜单无法设置。请改用 Claude Code、Cursor 或 VS Code。
打开 Claude Desktop → Settings → Developer → Edit Config,把下面的内容粘贴到 claude_desktop_config.json
{
"mcpServers": {
"rendex": {
"command": "npx",
"args": [
"-y",
"@copperline/rendex-mcp"
],
"env": {
"RENDEX_API_KEY": "your-value"
}
}
}
}在终端中运行这条命令
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-mcp运行前请先填写空着的值。
粘贴到项目中的 .cursor/mcp.json,或 ~/.cursor/mcp.json
{
"mcpServers": {
"rendex": {
"url": "https://mcp.rendex.dev/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}粘贴到项目中的 .cursor/mcp.json,或 ~/.cursor/mcp.json
{
"mcpServers": {
"rendex": {
"command": "npx",
"args": [
"-y",
"@copperline/rendex-mcp"
],
"env": {
"RENDEX_API_KEY": "your-value"
}
}
}
}浏览器会先询问是否打开应用,然后应用会显示设置并请你确认。密钥的值会留空,由你自己填写。
粘贴到项目中的 .vscode/mcp.json
{
"servers": {
"rendex": {
"type": "http",
"url": "https://mcp.rendex.dev/mcp",
"headers": {
"Authorization": "your-value"
}
}
}
}粘贴到项目中的 .vscode/mcp.json
{
"servers": {
"rendex": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@copperline/rendex-mcp"
],
"env": {
"RENDEX_API_KEY": "your-value"
}
}
}
}浏览器会先询问是否打开应用,然后应用会显示设置并请你确认。密钥的值会留空,由你自己填写。
这个地址需要在请求的 header 中放入密钥,而添加连接器的菜单无法设置。请改用 Claude Code、Cursor 或 VS Code。
你的选择通过 Cookie 保存在这台设备上,无需账户。
Authorization 机密 HTTP header这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同,请以 README 为准。
我们还没有读取这个服务器的工具列表;我们会轮流检查各个端点。
我们检查的是任何人都能看到的信息;我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月8日
注册名称已通过 GitHub 账户 copperline-labs 验证,该账户拥有此仓库
我们还没有从 GitHub 读取这个仓库
我们还没有从 GitHub 读取这个仓库
尚未检查;我们会轮流检查各个端点
尚未检查;我们会轮流检查各个端点
尚未检查;我们会在检查端点时读取工具列表
与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时,星标数才计入。
它在 1 项适用的基础检查中通过了 1 项。我们没有阅读代码。在添加密钥或令牌之前,请先看看这个服务器要求哪些权限,并使用只具备所需权限的密钥。
你需要填写:RENDEX_API_KEY, Authorization
两种方式都可以:安装在你的电脑上,或者连接云端版本。
GitHub 仓库最后更新于–,最新版本(1.8.2)于4个月前进入注册中心。
支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。它通过 URL 连接,所以接受远程 MCP 服务器的应用也可以使用,例如开启开发者模式的 ChatGPT。
同一分类中有:Figma Context MCP, Claude Real Video, Figma MCP Server
同一分类中其他作者的服务器,按星标数排序。
如何看卡片:★ GitHub 星标i三大支柱:评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i
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.
按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。
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
只显示了开头部分;其余内容请在仓库中阅读