{"versions":{"0.5.0":{"name":"@iflow-mcp/figma-developer-mcp","version":"0.5.0","description":"Model Context Protocol server for Figma integration","type":"module","main":"dist/index.js","bin":{"figma-developer-mcp":"dist/cli.js"},"scripts":{"build":"tsup --dts","type-check":"tsc --noEmit","test":"jest","start":"node dist/cli.js","start:cli":"cross-env NODE_ENV=cli node dist/cli.js","start:http":"node dist/cli.js","dev":"cross-env NODE_ENV=development tsup --watch","dev:cli":"cross-env NODE_ENV=development tsup --watch -- --stdio","lint":"eslint . --ext .ts","format":"prettier --write \"src/**/*.ts\"","inspect":"pnpx @modelcontextprotocol/inspector","prepack":"pnpm build","changeset":"changeset add","version":"changeset version && git add -A","beta:start":"changeset pre enter beta","beta:end":"changeset pre exit","beta:version":"changeset version && pnpm install --lockfile-only","beta:publish":"changeset publish","prerelease":"pnpm build","release":"changeset publish && git push --follow-tags","pub:release":"pnpm build && npm publish","pub:release:beta":"pnpm build && npm publish --tag beta"},"engines":{"node":">=18.0.0"},"packageManager":"pnpm@10.10.0","repository":{"type":"git","url":"git+https://github.com/GLips/Figma-Context-MCP.git"},"homepage":"https://www.framelink.ai","keywords":["figma","mcp","typescript"],"author":"","license":"MIT","dependencies":{"@figma/rest-api-spec":"^0.33.0","@modelcontextprotocol/sdk":"^1.10.2","@types/yargs":"^17.0.33","cross-env":"^7.0.3","dotenv":"^16.4.7","express":"^4.21.2","js-yaml":"^4.1.0","remeda":"^2.20.1","sharp":"^0.34.3","yargs":"^17.7.2","zod":"^3.24.2"},"devDependencies":{"@changesets/changelog-github":"^0.5.1","@changesets/cli":"^2.29.2","@types/express":"^5.0.0","@types/jest":"^29.5.14","@types/js-yaml":"^4.0.9","@types/node":"^20.17.0","@typescript-eslint/eslint-plugin":"^8.24.0","@typescript-eslint/parser":"^8.24.0","eslint":"^9.20.1","eslint-config-prettier":"^10.0.1","jest":"^29.7.0","prettier":"^3.5.0","ts-jest":"^29.2.5","tsup":"^8.4.0","tsx":"^4.19.2","typescript":"^5.7.3"},"_id":"@iflow-mcp/figma-developer-mcp@0.5.0","gitHead":"4532c0ca7efc3d7a7e7e02e92df46835c890173f","types":"./dist/index.d.ts","bugs":{"url":"https://github.com/GLips/Figma-Context-MCP/issues"},"_nodeVersion":"22.17.0","_npmVersion":"11.5.2","dist":{"integrity":"sha512-3iN6Q52FIjNXNgvQ/ZdNUJWyyLN/mrcJt174V+9uqhpo0oNQchwINn+3/6qXOYKHaDEj3M6kjY5iLquyfedHoQ==","shasum":"47c886ab655aa8b6e37787e5155b6c355f3368d0","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/@iflow-mcp/figma-developer-mcp/-/figma-developer-mcp-0.5.0.tgz","fileCount":16,"unpackedSize":68061,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICyY5smxkBD6mcMJj8/C2fETKko6sntPdyP9q6ec99kbAiEAzo0oOLTSopDO+IXHdLuYWhLuOfg0hbTB5+RyIxFxaMQ="}],"size":23214},"_npmUser":{"name":"anonymous","email":"987472953@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"chatflowdev@gmail.com"},{"name":"anonymous","email":"987472953@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/figma-developer-mcp_0.5.0_1754647945545_0.5242800385442667"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-08-08T10:12:25.743Z","publish_time":1754647945743,"_source_registry_name":"default","contributors":[]}},"dist-tags":{"latest":"0.5.0"},"name":"@iflow-mcp/figma-developer-mcp","time":{"created":"2025-08-08T10:12:39.842Z","modified":"2025-08-08T10:12:40.446Z","0.5.0":"2025-08-08T10:12:25.743Z"},"readme":"\n \n \n \"Framelink\"\n \n\n\n
\n

Framelink Figma MCP サーバー

\n

\n 🌐 利用可能な言語:\n English (英語) |\n 한국어 (韓国語) |\n 简体中文 (簡体字中国語) |\n 繁體中文 (繁体字中国語)\n

\n

コーディングエージェントにFigmaデータへのアクセスを提供。
ワンショットで任意のフレームワークにデザインを実装。

\n \n \"週間ダウンロード\"\n \n \n \"MITライセンス\"\n \n \n \"Discord\"\n \n
\n \n \"Twitter\"\n \n
\n\n
\n\n[Cursor](https://cursor.sh/)と他のAI搭載コーディングツールに、この[Model Context Protocol](https://modelcontextprotocol.io/introduction)サーバーを通じてFigmaファイルへのアクセスを提供します。\n\nCursorがFigmaデザインデータにアクセスできる場合、スクリーンショットを貼り付けるなどの代替アプローチよりも**はるかに**正確にワンショットでデザインを実装できます。\n\n

クイックスタートガイドを見る →

\n\n## デモ\n\n[FigmaデザインデータでCursorでUIを構築するデモを見る](https://youtu.be/6G9yb-LrEqg)\n\n[![ビデオを見る](https://img.youtube.com/vi/6G9yb-LrEqg/maxresdefault.jpg)](https://youtu.be/6G9yb-LrEqg)\n\n## 仕組み\n\n1. IDEのチャットを開きます（例：Cursorのエージェントモード）。\n2. Figmaファイル、フレーム、またはグループへのリンクを貼り付けます。\n3. CursorにFigmaファイルで何かをするように依頼します（例：デザインの実装）。\n4. CursorはFigmaから関連するメタデータを取得し、コードを書くために使用します。\n\nこのMCPサーバーは、Cursorで使用するために特別に設計されています。[Figma API](https://www.figma.com/developers/api)からコンテキストを応答する前に、応答を簡素化して翻訳し、モデルに最も関連性の高いレイアウトとスタイリング情報のみを提供します。\n\nモデルに提供されるコンテキストの量を減らすことで、AIの精度を高め、応答をより関連性のあるものにするのに役立ちます。\n\n## はじめに\n\n多くのコードエディタやその他のAIクライアントは、MCPサーバーを管理するために設定ファイルを使用します。\n\n`figma-developer-mcp`サーバーは、以下を設定ファイルに追加することで設定できます。\n\n> 注：このサーバーを使用するには、Figmaアクセストークンを作成する必要があります。Figma APIアクセストークンの作成方法については[こちら](https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens)をご覧ください。\n\n### MacOS / Linux\n\n```json\n{\n \"mcpServers\": {\n \"Framelink Figma MCP\": {\n \"command\": \"npx\",\n \"args\": [\"-y\", \"figma-developer-mcp\", \"--figma-api-key=YOUR-KEY\", \"--stdio\"]\n }\n }\n}\n```\n\n### Windows\n\n```json\n{\n \"mcpServers\": {\n \"Framelink Figma MCP\": {\n \"command\": \"cmd\",\n \"args\": [\"/c\", \"npx\", \"-y\", \"figma-developer-mcp\", \"--figma-api-key=YOUR-KEY\", \"--stdio\"]\n }\n }\n}\n```\n\nまたは `env` フィールドに `FIGMA_API_KEY` と `PORT` を設定することもできます。\n\nFramelink Figma MCPサーバーの設定方法の詳細については、[Framelinkドキュメント](https://www.framelink.ai/docs/quickstart?utm_source=github&utm_medium=readme&utm_campaign=readme)を参照してください。\n\n## スター履歴\n\n\"スター履歴チャート\"\n\n## 詳細情報\n\nFramelink Figma MCPサーバーはシンプルですが強力です。[Framelink](https://framelink.ai?utm_source=github&utm_medium=readme&utm_campaign=readme)サイトで詳細情報をご覧ください。","users":{}}