Framelink Figma MCP Server

🚀 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 文件。