SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 10-22 00:14

设计与创作

20,554 个结果

sunnyside-figma-context-mcp

Sunnyside Figma Context MCP 是一个遵循 Model Context Protocol(MCP)的服务端工具,提供 27 个专用工具,用于把 Figma 设计与 AI 开发工作流衔接起来。它支持两条数据通道:Figma 插件(保真度最高,且可用于任意套餐包括 Drafts)与 Figma REST API(无头方式,需要团队/项目文件)。借助这些工具,可从 Figma 设计中提取像素级精确代码、设计令牌(design tokens)与组件结构,并生成 React、Tailwind、styled-components 等代码。该工具安装需要 Node.js 18+ 和 Figma Personal Access Token,通过 npm 安装与构建后启动本地服务(默认端口 3333),可分别以 SSE、stdio、HTTP 三种传输方式接入 MCP 客户端。此外还提供设计令牌生命周期管理(提取、模拟变更、影响分析、应用、回滚、迁移代码生成、设计系统健康追踪)、Figma REST API 工具(读取文件/节点数据、页面结构、批量导出图片、组件分析)以及对接 Figma 官方 Dev Mode MCP Server 的工具(需 Professional 套餐)。分类明确属于设计与创作的开发协作场景。

设计与创作108 次安装