返回 MCP 目录
public公开dns本地运行

figma-context-MCP

Framelink Figma MCP Server是一个为AI编程工具(如Cursor)提供Figma设计数据访问的服务器,通过简化Figma API响应,帮助AI更准确地实现设计到代码的一键转换。

article

README

🚀 Figma 链接 MCP 服务器

🌐 Figma 链接 MCP 服务器是一款简单而强大的工具,可让代码代理工具访问 Figma 数据,实现任何框架中的一键式设计,助力开发者在开发过程中更高效地管理设计资源。

🌐 支持语言: 한국어 (Korean) | 日本語 (Japanese) | 中文 (Chinese)

✨ 主要特性

  • 实时更新:自动同步 Figma 中的最新更改。
  • 版本控制:轻松管理不同版本的设计文件。
  • 团队协作:支持多人协作,提升团队的工作效率。
  • 灵活配置:通过简单的配置即可集成到现有的开发流程中。

🚀 快速开始

要在你的项目中使用 Framelink Figma MCP 服务器,请按照以下步骤操作:

1. 安装依赖项

npm install figma-developer-mcp

2. 配置环境变量

设置 FIGMA_API_KEYPORT 环境变量。

export FIGMA_API_KEY=your_api_key_here
export PORT=3000

3. 启动服务器

npx figma-developer-mcp --figma-api-key $FIGMA_API_KEY --port $PORT

4. 集成到你的工具链中

根据 Framelink 的文档,将 MCP 服务器集成到你的代码代理工具中。

📚 详细文档

了解 Framelink Figma MCP 服务器的更多信息,请访问 Framelink 网站。

📦 赞助商列表

🥇 白金赞助商

| 赞助商 | 链接 | | ---- | ---- | | Framelink | https://www.framelink.ai/?ref=framelink-mcp&utm_source=github&utm_medium=referral&utm_campaign=readme |

🥈 黄金赞助商

暂无相关赞助商信息。

🥉 白银赞助商

暂无相关赞助商信息。

😻 小型支持者

暂无相关支持者信息。


通过使用 Framelink Figma MCP 服务器,你将能够更高效地管理你的设计资源,并在开发过程中实现无缝协作。立即开始使用,体验 Framelink 带来的强大功能!

help

运行方式说明

cloud

托管运行

托管运行通常表示这个 MCP Server 由服务方环境承载,用户一般按页面提供的连接方式或授权流程接入,不需要在本地长期启动一个 MCP 进程

  1. 打开服务方连接页
  2. 完成授权或复制端点
  3. 在 MCP 客户端中连接
terminal

本地运行 / 其它方式

本地运行通常需要用户在自己的电脑或服务器上安装依赖,把 server_config 复制到 MCP 客户端,并按 env_schema 补齐环境变量、密钥或其它配置

  1. 复制 server_config
  2. 安装所需依赖
  3. 补齐环境变量后重启客户端