Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Compress, resize, crop, and convert images with the Tinify.dev API from any MCP client.
选择你使用的 AI 应用,然后复制设置。
通过 3/3 项检查 · 在你的电脑上运行 · ✓ 命令已检查 2026年11月14日
第一步:你用哪个 AI?
选择你用的应用,步骤会显示在下方。
可连接 Claude,但需要先准备
需要 Tinify image tools 的密钥(在开发者网站创建) · 需要先在电脑上安装 Node.js(只需一次) · 仅限电脑上的 Claude 应用(Windows 或 Mac),网页和手机不可用
SettingsDeveloperEdit Config
{
"mcpServers": {
"tinify": {
"command": "npx",
"args": [
"-y",
"@tinify-dev/mcp"
],
"env": {
"TINIFY_API_KEY": "your-value"
}
}
}
}只把密钥粘贴到应用的输入框里,不要粘贴到聊天中或发给任何人
用 Tinify image tools 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Claude 说正在使用 Tinify image tools,或回答中出现 Tinify image tools 的工具名称,就表示连接成功
上面的命令不填这些也能用。想调整时再按开发者的说明添加。
TINIFY_BASE_URL Override the API origin (advanced; defaults to https://api.tinify.dev).说明仍为英文原文。
菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同
ChatGPT 暂时无法连接 Tinify image tools
Tinify image tools 需要安装在你的电脑上,而 ChatGPT 只能连接在网上运行的服务器
A · 使用能连接 Tinify image tools 的应用
B · 设计、图片与音频 类中能连接 ChatGPT 的其他服务器
从同类中使用较多的里挑选,仅限用地址即可连接、无需密钥的
可连接 Claude Code,但需要先准备
需要 Tinify image tools 的密钥(在开发者网站创建) · 需要先在电脑上安装 Node.js(只需一次)
Mac:按 Command+空格,输入 Terminal · Windows:打开 PowerShell
claude mcp add --scope user tinify --env TINIFY_API_KEY=your-value -- npx -y @tinify-dev/mcp按 Enter 前,把“your-value”改成你的密钥
只把密钥粘贴到应用的输入框里,不要粘贴到聊天中或发给任何人
应能看到 Tinify image tools 在列表中并显示已连接
用 Tinify image tools 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Claude Code 说正在使用 Tinify image tools,或回答中出现 Tinify image tools 的工具名称,就表示连接成功
上面的命令不填这些也能用。想调整时再按开发者的说明添加。
TINIFY_BASE_URL Override the API origin (advanced; defaults to https://api.tinify.dev).说明仍为英文原文。
菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同
可连接 Cursor,但需要先准备
需要 Tinify image tools 的密钥(在开发者网站创建) · 需要先在电脑上安装 Node.js(只需一次)
在 Tinify image tools 的设置中,TINIFY_API_KEY 还是空的,填入你的密钥并保存
只把密钥粘贴到应用的输入框里,不要粘贴到聊天中或发给任何人
用 Tinify image tools 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Cursor 说正在使用 Tinify image tools,或回答中出现 Tinify image tools 的工具名称,就表示连接成功
上面的命令不填这些也能用。想调整时再按开发者的说明添加。
TINIFY_BASE_URL Override the API origin (advanced; defaults to https://api.tinify.dev).说明仍为英文原文。
菜单名称已于 2026年11月11日 对照 Cursor 帮助页面核实 · 你的界面可能因版本略有不同
可连接 VS Code,但需要先准备
需要 Tinify image tools 的密钥(在开发者网站创建) · 需要先在电脑上安装 Node.js(只需一次)
在 Tinify image tools 的设置中,TINIFY_API_KEY 还是空的,填入你的密钥并保存
只把密钥粘贴到应用的输入框里,不要粘贴到聊天中或发给任何人
用 Tinify image tools 告诉我你能帮我做什么,然后做一件给我看✓ 如果 VS Code 说正在使用 Tinify image tools,或回答中出现 Tinify image tools 的工具名称,就表示连接成功
上面的命令不填这些也能用。想调整时再按开发者的说明添加。
TINIFY_BASE_URL Override the API origin (advanced; defaults to https://api.tinify.dev).说明仍为英文原文。
菜单名称已于 2026年11月11日 对照 VS Code 帮助页面核实 · 你的界面可能因版本略有不同
Claude Code
claude mcp add --scope user tinify --env TINIFY_API_KEY=your-value -- npx -y @tinify-dev/mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"tinify": {
"command": "npx",
"args": [
"-y",
"@tinify-dev/mcp"
],
"env": {
"TINIFY_API_KEY": "your-value"
}
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"tinify": {
"command": "npx",
"args": [
"-y",
"@tinify-dev/mcp"
],
"env": {
"TINIFY_API_KEY": "your-value"
}
}
}
}VS Code (mcp.json)
{
"servers": {
"tinify": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@tinify-dev/mcp"
],
"env": {
"TINIFY_API_KEY": "your-value"
}
}
}
}TINIFY_API_KEY 机密 必填 envTINIFY_BASE_URL env说明仍为英文原文。
这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同,请以 README 为准。
依据这个服务器的连接方式和各应用自己的文档,检查于 2026年11月10日。
在你的电脑上运行,适用于
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
它在你的电脑上运行;安装后,工具列表会显示在你的 AI 应用中。
我们检查的是任何人都能看到的信息;我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月14日
注册名称已通过域名 tinify.dev 验证(注册中心会核实域名所有权)
代码最后更新于3个月前
使用 MIT
它在你的电脑上运行,没有互联网端点
在你的电脑上运行,改用本地设置
它在你的电脑上运行;我们只能读取互联网端点的工具列表
提问、分享技巧或报告无法使用。按“有帮助”数量排序。
还没有评价
与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时,星标数才计入。
它在 3 项适用的基础检查中通过了 3 项。我们没有阅读代码。在添加密钥或令牌之前,请先看看这个服务器要求哪些权限,并使用只具备所需权限的密钥。
你需要填写:TINIFY_API_KEY
它在你的电脑上运行。你的 AI 应用会在需要时启动它,数据不会经过作者的服务器(除非它自己调用在线服务)。
GitHub 仓库最后更新于3个月前,最新版本(0.1.7)于3个月前进入注册中心。
支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。你的电脑上还需要有 Node.js。
同一分类中有:Figma Context MCP, AutoClip, Next AI Draw.io
同一分类中其他作者的服务器,按星标数排序。
如何看卡片:↓ 每周下载量i★ GitHub 星标i三大支柱:评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。
MCP (Model Context Protocol) server for the Tinify.dev image API. Lets ChatGPT, Claude, Cursor, and other MCP clients compress, resize, crop, and convert images — with honest results.
You: compress the screenshots in ~/Desktop/launch/
Claude: 312.4 KB → 97.1 KB (-68.9%), wrote /Users/you/Desktop/launch/hero.min.png 84.2 KB → 84.2 KB — logo.png is already as small as Tinify.dev can make it (optimized: false), so no file was written.
optimized: false) instead of writing a byte-identical "optimized" copy. .min. beside the input, or to an explicit output_path. Replacing a file requires overwrite: true.Not affiliated with TinyPNG. This server talks to the Tinify.dev API.
Add to claude_desktop_config.json (Settings → Developer → Edit Config):
{
"mcpServers": { "tinify": { "command": "npx", "args": ["-y", "@tinify-dev/mcp"], "env": { "TINIFY_API_KEY": "tnf_live_..." } } } }
claude mcp add tinify -e TINIFY_API_KEY=tnf_live_... -- npx -y @tinify-dev/mcp
Create .cursor/mcp.json in your project (or ~/.cursor/mcp.json globally):
{
"mcpServers": { "tinify": { "command": "npx", "args": ["-y", "@tinify-dev/mcp"], "env": { "TINIFY_API_KEY": "tnf_live_..." } } } }
The same five tools are available as a hosted streamable-HTTP MCP server - no install, works from ChatGPT connectors, the claude.ai directory, and any registry that expects a URL:
Endpoint: https://api.tinify.dev/mcp
Auth: OAuth 2.1 (PKCE + dynamic client registration), or Authorization: Bearer tnf_live_... (or tnf_test_...)
Two ways to authenticate:
https://api.tinify.dev/mcp) and pick OAuth; the client discovers the authorization and token endpoints automatically from the server's .well-known metadata, registers itself, and opens a Connect Tinify page where you paste your Tinify API key. Your key stays the credential - the client only ever holds an opaque token that maps back to it server-side.Authorization: Bearer tnf_live_... (or tnf_test_...) and skip OAuth entirely. Unchanged.https://api.tinify.dev/mcp. Use Tinify to compress this image for the web. Show the original size,
result size, and percentage saved.
The hosted server cannot access local paths, so each image tool accepts exactly one of:
image — the ChatGPT attachment object. ChatGPT fills this automatically because the descriptor advertises openai/fileParams.image_base64 — a portable fallback for other MCP clients, capped at ~28 MB decoded.ChatGPT attachment downloads are HTTPS-only, reject private/reserved network targets and redirects, time out after 30 seconds, and are capped at the Tinify API's 40 MB limit. Successful operations return exact byte metrics and a temporary MCP result link. Existing base64 callers also receive structuredContent.image_base64 for backwards compatibility. get_usage is identical to the local version. Nothing is written to the user's filesystem.
Try it with curl:
curl -s https://api.tinify.dev/mcp \
-H "Authorization: Bearer tnf_live_..." \ -H "Content-Type: application/json" \ -H "Accept: application/json, text/event-stream" \ -d '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{"protocolVersion":"2025-03-26","capabilities":{},"clientInfo":{"name":"curl","version":"0"}}}'
For local files, prefer the stdio server above - it reads and writes them directly with no base64 round-trip and no 28 MB cap.
This repository intentionally supports both OpenAI and Claude:
An OpenAI-only repository would duplicate the Tinify logic and make behavior drift more likely. OpenAI-specific descriptor metadata stays as a small additive layer in the hosted adapter; a separate repository is not needed.
For public OpenAI submission, set the portal-provided domain token as OPENAI_APPS_CHALLENGE_TOKEN in /etc/tinify/mcp-http.env and deploy the matching nginx location from deploy/nginx-location.conf. The endpoint returns only that token at /.well-known/openai-apps-challenge; do not commit the real portal token.
| Tool | Arguments | Does |
|---|---|---|
compress_image | path (absolute), output_path?, quality_mode? (balanced/best_quality/lossless), target_size_kb? (beta), overwrite? | Compresses PNG/JPEG/WebP/AVIF. Writes .min. beside the input. When the API returns optimized: false, nothing is written (unless you asked for an explicit output_path). |
resize_image | path, width?/height?/scale? (at least one), keep_aspect_ratio?, output_path?, overwrite? | Resizes and writes the result. |
crop_image | path, x, y, width, height, output_path?, overwrite? | Crops to a rectangle and writes the result. |
convert_image | path, format (avif/webp/jpeg/png), quality_mode?, output_path?, overwrite? | Converts formats (beta — the endpoint is rolling out server-side). Default output: .min. . |
get_usage | — | Plan, billing period, operations used and remaining. |
All image tools require absolute paths (MCP servers run with an unpredictable working directory) and pre-check the 40 MB API limit locally. API errors come back as readable tool errors with the error code and request_id to quote to support.
env block of your MCP config.get_usage to see the period end./Users/you/img.png, not ./img.png.~/Library/Logs/Claude/mcp-server-tinify.log.MIT © Stian Larsen
Cursor: Add to Cursor - then set your real key in Cursor's MCP settings.
VS Code:
code --add-mcp '{"name":"tinify","command":"npx","args":["-y","@tinify-dev/mcp"],"env":{"TINIFY_API_KEY":"tnf_live_..."}}'
Codex CLI:
codex mcp add tinify --env TINIFY_API_KEY=tnf_live_... -- npx -y @tinify-dev/mcp
or in ~/.codex/config.toml:
[mcp_servers.tinify]
command = "npx" args = ["-y", "@tinify-dev/mcp"]
[mcp_servers.tinify.env] TINIFY_API_KEY = "tnf_live_..."
Claude Code plugin (MCP + image-optimization skill):
/plugin marketplace add Stianlars1/tinify-claude-plugin
/plugin install tinify@tinify
More: https://tinify.dev/mcp