🚀 Figma 链接 MCP 服务器

让你的代码代理访问你的 Figma 数据，在任何框架中实现设计的一键完成，达成设计与代码的无缝对接。

🚀 快速开始

让你的 Cursor、Winds 等代码代理访问 Figma 数据，实现设计与代码的无缝对接。

✨ 主要特性

• 实时数据同步：自动获取 Figma 项目和组件信息。
• 版本控制：跟踪设计变更，确保代码与设计一致。
• 团队协作：支持多人协作，提升开发效率。

📦 安装指南

通过 npm 安装

npm install framelink-mcp

配置示例

在项目根目录下创建 framelink.config.js 文件：

module.exports = {
  host: 'your-figma-host',
  projectId: 'your-project-id',
  token: 'your-access-token'
};

💻 使用示例

基础用法

const { getProjectData } = require('@framelink/mcp');

async function fetchFigmaData() {
  const data = await getProjectData();
  console.log('获取到的 Figma 数据:', data);
}

fetchFigmaData();

使用步骤

1. 初始化配置：安装插件后，运行 npx framelink init 初始化配置文件。
2. 连接 Figma 账户：通过 CLI 登录你的 Figma 账户并授权访问权限。
3. 开始协作：在项目中使用 @framelink/mcp 包提供的 API 获取实时设计数据。

📚 详细文档

详细了解如何在你的项目中集成 Framelink 的 MCP 服务器，请访问 Framelink 官网。

📄 许可证

本项目遵循 MIT 许可证，详情请查阅 LICENSE 文件。