Back to MCP directory
publicPublicdnsLocal runtime

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

Runtime guide

cloud

Hosted runtime

Hosted servers run from a provider-managed environment. You usually connect the MCP client to the hosted endpoint or follow the provider's authorization flow, without keeping a local process alive

  1. Open provider connection page
  2. Authorize or copy endpoint
  3. Connect from your MCP client
terminal

Local runtime / other methods

Local servers run on your own machine or infrastructure. You normally copy the server_config into your MCP client, install the required package, and provide env variables from env_schema when needed

  1. Copy server_config
  2. Install required package
  3. Fill env variables and restart client