原型 · 预览版：收录官方注册中心里的全部服务器，每 30 分钟同步一次。使用 Google 登录即可撰写评价。原型 · 每 30 分钟更新
PopNx MCP为使用 AI 的人准备的 MCP 服务器 · 用大白话讲清楚
☰ 菜单中文 设置
新手模式 关
配色跟随系统浅色深色
语言ไทยEnglish中文日本語한국어EspañolDeutsch

Designport

作者：CloudCorpRecords版本 0.1.0i★ 0i在你的电脑上运行
注册名称io.github.CloudCorpRecords/designport

安装方法

What it does

Figma REST API client: files, nodes, images, styles, components, projects and comments.

  • Connects 在你的电脑上运行
  • Account or key No key needed
  • Category 设计、图片与音频

安装

选择你使用的 AI 应用，然后复制设置。

通过 3/3 项检查 · 在你的电脑上运行

第一步：你用哪个 AI？

选择你用的应用，步骤会显示在下方。

可连接 Claude，但需要先准备

需要先在电脑上安装 Node.js（只需一次） · 仅限电脑上的 Claude 应用（Windows 或 Mac），网页和手机不可用

  1. 安装 Node.js

    只需一次，所有需要 Node.js 的服务器都能用

    打开 Node.js 下载页 ↗

  2. 打开电脑版 Claude 应用的设置文件

    SettingsDeveloperEdit Config

  3. 粘贴这些设置并保存文件

    正在检查命令 · 通过后才会显示复制按钮

  4. 退出 Claude 再重新打开

  5. 试一试

    用 Designport 告诉我你能帮我做什么，然后做一件给我看

    ✓ 如果 Claude 说正在使用 Designport，或回答中出现 Designport 的工具名称，就表示连接成功

菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同

ChatGPT 暂时无法连接 Designport

Designport 需要安装在你的电脑上，而 ChatGPT 只能连接在网上运行的服务器

你可以改用这些方式

A · 使用能连接 Designport 的应用

  • 需要先在电脑上安装 Node.js（只需一次） · 仅限电脑上的 Claude 应用（Windows 或 Mac），网页和手机不可用
  • 需要先在电脑上安装 Node.js（只需一次）
  • 需要先在电脑上安装 Node.js（只需一次）
  • 需要先在电脑上安装 Node.js（只需一次）

B · 设计、图片与音频 类中能连接 ChatGPT 的其他服务器

从同类中使用较多的里挑选，仅限用地址即可连接、无需密钥的

可连接 Claude Code，但需要先准备

需要先在电脑上安装 Node.js（只需一次）

  1. 安装 Node.js

    只需一次，所有需要 Node.js 的服务器都能用

    打开 Node.js 下载页 ↗

  2. 打开终端

    Mac：按 Command+空格，输入 Terminal · Windows：打开 PowerShell

  3. 粘贴这条命令并按 Enter

    正在检查命令 · 通过后才会显示复制按钮

  4. 在 Claude Code 中输入 /mcp

    应能看到 Designport 在列表中并显示已连接

  5. 试一试

    用 Designport 告诉我你能帮我做什么，然后做一件给我看

    ✓ 如果 Claude Code 说正在使用 Designport，或回答中出现 Designport 的工具名称，就表示连接成功

菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同

可连接 Cursor，但需要先准备

需要先在电脑上安装 Node.js（只需一次）

  1. 安装 Node.js

    只需一次，所有需要 Node.js 的服务器都能用

    打开 Node.js 下载页 ↗

  2. 点击这个按钮打开 Cursor

    正在检查命令 · 通过后才会显示复制按钮

  3. 在 Cursor 中以 Agent 模式打开 AI 聊天

  4. 试一试

    用 Designport 告诉我你能帮我做什么，然后做一件给我看

    ✓ 如果 Cursor 说正在使用 Designport，或回答中出现 Designport 的工具名称，就表示连接成功

菜单名称已于 2026年11月11日 对照 Cursor 帮助页面核实 · 你的界面可能因版本略有不同

可连接 VS Code，但需要先准备

需要先在电脑上安装 Node.js（只需一次）

  1. 安装 Node.js

    只需一次，所有需要 Node.js 的服务器都能用

    打开 Node.js 下载页 ↗

  2. 点击这个按钮打开 VS Code

    正在检查命令 · 通过后才会显示复制按钮

  3. 在 VS Code 中以 Agent 模式打开 AI 聊天

  4. 试一试

    用 Designport 告诉我你能帮我做什么，然后做一件给我看

    ✓ 如果 VS Code 说正在使用 Designport，或回答中出现 Designport 的工具名称，就表示连接成功

菜单名称已于 2026年11月11日 对照 VS Code 帮助页面核实 · 你的界面可能因版本略有不同

其他支持 MCP 的应用（如 Windsurf、Zed、Gemini CLI）添加方式各不相同，请在应用列表中查看

查看所有支持 MCP 的应用 →

JSON 设置在下方“开发者专用”中

卡住了？问问正在用 Designport 的人💬 讨论 →
开发者专用：终端命令和 JSON 设置

安装在电脑上

Claude Code

正在检查命令 · 通过后才会显示复制按钮

Claude Desktop (claude_desktop_config.json)

正在检查命令 · 通过后才会显示复制按钮

Cursor (~/.cursor/mcp.json)

正在检查命令 · 通过后才会显示复制按钮

VS Code (mcp.json)

正在检查命令 · 通过后才会显示复制按钮

这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同，请以 README 为准。

一览

每周下载量i
276/周
连接方式
在你的电脑上运行
最新版本i
0.1.0
发布到注册中心i
2026年11月2日
代码最后更新i
2026年11月2日
作者
CloudCorpRecords
软件包
npm: @reneturcios/designport
oci: ghcr.io/cloudcorprecords/designport:0.1.0
注册状态
活跃

哪些应用可以使用它

依据这个服务器的连接方式和各应用自己的文档，检查于 2026年11月10日。

在你的电脑上运行，适用于

ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast

全部应用及其优缺点 →

它能做什么

它在你的电脑上运行；安装后，工具列表会显示在你的 AI 应用中。

基础检查i

我们检查的是任何人都能看到的信息；我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月13日

  • ✓ 通过

    作者与仓库一致

    注册名称已通过 GitHub 账户 CloudCorpRecords 验证，该账户拥有此仓库

  • ✓ 通过

    仍在维护

    代码最后更新于11天前

  • ✓ 通过

    有许可证

    使用 MIT

  • – 不适用

    端点有响应

    它在你的电脑上运行，没有互联网端点

  • – 不适用

    使用 OAuth 登录

    在你的电脑上运行，改用本地设置

  • … 尚未检查

    工具描述中没有隐藏指令

    它在你的电脑上运行；我们只能读取互联网端点的工具列表

讨论

提问、分享技巧或报告无法使用。按“有帮助”数量排序。

还没有帖子，欢迎第一个提问或分享。

此处内容由用户撰写，不代表 PopNx 团队。

使用 Google 登录后发帖

用户评价

还没有评价

用 Google 登录后写评价

与“设计、图片与音频”中的其他服务器比较i

  • 星标数多于此分类中其他 3017 个服务器的 0%
  • 发布到注册中心的时间比此分类中其他 3017 个服务器的 73% 更新
  • 基础检查结果等于或优于此分类中其他 3017 个服务器的 100%

与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时，星标数才计入。

常见问题

Designport 安全吗？

它在 3 项适用的基础检查中通过了 3 项。我们没有阅读代码。在添加密钥或令牌之前，请先看看这个服务器要求哪些权限，并使用只具备所需权限的密钥。

它需要哪些密钥或代码？

注册中心没有列出必需的密钥，不过有些服务器会在首次使用时要求你登录。

它在我的电脑上运行还是在云端？

它在你的电脑上运行。你的 AI 应用会在需要时启动它，数据不会经过作者的服务器（除非它自己调用在线服务）。

它还在维护吗？

GitHub 仓库最后更新于11天前，最新版本（0.1.0）于11天前进入注册中心。

哪些应用可以使用它？

支持 MCP 的应用，例如 Claude Desktop、Claude Code、Cursor 和 VS Code。你的电脑上还需要有 Node.js, Docker。

有什么可以替代它？

同一分类中有：Figma Context MCP, AutoClip, Next AI Draw.io

同类别的其他选择

同一分类中其他作者的服务器，按星标数排序。

如何看卡片：↓ 每周下载量i★ GitHub 星标i三大支柱：评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i

Figma Context MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

作者：GLips广泛使用↓ 15.2万/周★ 1.6万5个月前更新

在你的电脑上运行
安装

AutoClip

Clip long videos into short clips with covers and captions. Local CLI and MCP.

作者：zhouxiaoka广泛使用↓ 205/周★ 1万16天前更新

在你的电脑上运行
安装

Next AI Draw.io

draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand

作者：DayuanJiang广泛使用↓ 2.2万/周★ 3.7万 整个仓库的星标今天更新

在你的电脑上运行
安装

作者的 README

打开 README

按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。

designport

designport is a compatible client for the Figma REST API, packaged as an MCP server and a small CLI. It is an independent client for the same public upstream API (https://api.figma.com/v1) — it is not a copy of Figma's hosted OAuth remote MCP server, and none of that server's OAuth tool surface (design context, screenshots, metadata, variable definitions, code-connect, FigJam, or design-system rules) is reproduced here.

The subset covers reading design files: fetch a file or specific nodes, render nodes to images, list image fills, styles, and components, browse team projects and project files, and read or post comments on a file.

Authentication is a Figma personal access token, sent as the X-Figma-Token header. Set FIGMA_PERSONAL_ACCESS_TOKEN before starting the server; a call made without it fails with an error naming the variable. The API base can be overridden with FIGMA_API_BASE.

Install

npx @reneturcios/designport get_file <file_key>

docker run -i ghcr.io/cloudcorprecords/designport

CLI

designport get_file <file_key> --depth 2

designport get_file_nodes 1:2,3:4 designport get_images 1:2 --format png --scale 2 designport get_file_styles designport get_team_projects designport list_project_files designport post_comment "Looks good" designport --version

Exit codes: 0 success, 1 API error, 2 usage error.

MCP server

npx -y @reneturcios/designport mcp
{

"mcpServers": { "designport": { "command": "npx", "args": ["-y", "@reneturcios/designport", "mcp"], "env": { "FIGMA_PERSONAL_ACCESS_TOKEN": "your-token" } } } }

Tools
ToolInputFigma endpoint
get_filefile_key, version?, depth?GET /files/{key}
get_file_nodesfile_key, node_ids, depth?, version?GET /files/{key}/nodes
get_imagesfile_key, node_ids, format?, scale?GET /images/{key}
get_image_fillsfile_keyGET /files/{key}/images
get_file_stylesfile_keyGET /files/{key}/styles
get_file_componentsfile_keyGET /files/{key}/components
get_team_projectsteam_idGET /teams/{id}/projects
list_project_filesproject_idGET /projects/{id}/files
get_commentsfile_keyGET /files/{key}/comments
post_commentfile_key, message, client_meta?POST /files/{key}/comments

node_ids is a comma-separated string of node IDs, sent as the API's ids parameter. post_comment's optional client_meta is a string containing a JSON-encoded object — for example '{"x":10,"y":20}' — which is parsed and sent as the API's client_meta object; keeping it a string keeps the tool schema simple.

Out of scope for this subset: the variables API, dev resources, library assets and search, webhooks, activity logs, and payments.

Development

npm install

npm run build npm test

Tests run entirely on fake-fetch fixtures; no network and no real token are used.

License

MIT — see LICENSE.