Figma-Context-MCP-AIR
v2.0.2
io.github.compassalessandrolorenz/Figma-Context-MCP-AIR
面向 AI 智能体的 Figma MCP 服务器,9 个工具:设计上下文、变量、截图与 FigJam。
“figma” 共 82 个结果
v2.0.2
io.github.compassalessandrolorenz/Figma-Context-MCP-AIR
面向 AI 智能体的 Figma MCP 服务器,9 个工具:设计上下文、变量、截图与 FigJam。
v1.0.3
io.github.MananSingh2001/figma-react
把 Figma 设计转换为 React 代码的 MCP 服务器。
v0.13.0
io.github.felixAnhalt/Figma-Context-MCP
针对 LLM 优化的 Figma MCP server。
v0.3.6
io.github.a1245582339/figma-designer
让 AI 智能体对 Figma 拥有完整读写权限——50 多个工具实现设计自动化。
v2.1.0
io.github.oabolade/figma_mcp_server_actor
让 AI 助手通过自然语言指令与 Figma 设计交互的 MCP 服务器。
v1.0.3
com.figma.mcp/mcp
Figma MCP 服务器把 Figma 设计上下文直接带入你的 AI 工作流。
io.github.metabase/metabase/metabase-ui-component-from-figma
按 Linear issue 中描述的 Figma 规范,更新或构建 Metabase 设计体系组件(frontend/src/metabase/ui——Chip、Badge、Alert、Switch 等)。当工单要求改造现有 metabase/ui 组件样式或从 Figma 实现新组件时使用。涵盖:签出 issue、梳理组件(既有组件的用法/影响面,或新组件的脚手架)、构建 Storybook 展示矩阵(既有组件在改造样式前、新组件在其后)、依据精确的 Figma 令牌并与用户迭代完成样式,最后再提交并迁移调用点。
io.github.nexu-io/open-design/figma-code-connect-components
使用 Code Connect 将 Figma 设计组件与代码组件连接,让设计系统更新自动流入代码库。
io.github.nexu-io/open-design/figma-implement-design
将 Figma 设计翻译为可投产代码,实现 1:1 视觉还原。适合把 Figma 画板直接交付给前端代理。
io.github.jeremylongshore/claude-code-plugins-plus-skills/kubernetes-configmap-handler
配置 ConfigMap 相关操作,属于 DevOps Advanced 的自动激活 skill。在配置系统或服务时使用。触发词:kubernetes configmap handler、kubernetes handler、kubernetes。
io.github.jeremylongshore/claude-code-plugins-plus-skills/figma-deploy-integration
将 Figma 驱动的应用部署到 Vercel、Cloud Run 与 Fly.io。用于把 webhook 接收端、design token API 或连接 Figma 的 Web 应用部署到生产平台。触发语如 “deploy figma”、“figma Vercel”、“figma production deploy”、“figma Cloud Run”。
io.github.ComeOnOliver/skillshub/kubernetes-configmap-handler
Kubernetes Configmap Handler —— DevOps Advanced 分类下的自动激活技能。触发词:kubernetes configmap handler。属于 DevOps Advanced 技能分类。
io.github.Dicklesworthstone/pi_agent_rust/kubernetes-configmap-handler
配置 Kubernetes ConfigMap 处理操作。属于 DevOps 进阶类别的自动激活技能。触发条件:kubernetes configmap handler。在配置系统或服务时使用,可用触发短语包括 kubernetes configmap handler、kubernetes handler、kubernetes。
io.github.openai/skills/figma-use
**强制前置条件**——每次调用 `use_figma` 工具前必须先加载本技能,切勿在未加载的情况下直接调用 `use_figma`,否则会引发常见且难排查的失败。凡用户要执行写操作或需要在 Figma 文件内运行 JavaScript 的特殊读操作时触发——如创建/编辑/删除节点、配置变量或令牌、构建组件与变体、修改自动布局或填充、把变量绑定到属性、或以编程方式检查文件结构。
io.github.openai/skills/figma-implement-design
将 Figma 设计翻译为可上线的应用代码,视觉还原度 1:1。在从 Figma 文件实现 UI 代码时使用;用户提到“实现设计”“生成代码”“实现组件”、提供 Figma URL,或要求构建符合 Figma 规格的组件时触发。经 `use_figma` 写入 Figma 画布请用 `figma-use`。
io.github.openai/skills/figma-generate-library
基于代码库在 Figma 中构建或更新专业级设计系统。当用户想创建变量/令牌、构建组件库、配置主题(明/暗模式)、整理基础规范文档,或弥合代码与 Figma 差异时使用。本技能教“建什么、按什么顺序建”,与教“如何调用 Plugin API”的 `figma-use` 互补,两者应一起加载。
io.github.openai/skills/figma-generate-design
与 figma-use 配合使用,把应用页面、视图或多区块布局翻译到 Figma。触发语:“写到 Figma”“在 Figma 里从代码创建”“把页面推到 Figma”“用这个应用/页面在 Figma 里搭建”“创建界面”“在 Figma 里做落地页”“更新 Figma 界面以匹配代码”。凡用户要从代码或描述在 Figma 构建/更新完整页面、界面或视图,本技能是首选工作流。通过 search_design_system 发现设计系统组件、变量与样式并导入,按区块逐节拼装界面,始终使用设计系统令牌而非硬编码值。
io.github.openai/skills/figma-create-new-file
创建新的空白 Figma 文件。当用户想新建 Figma 设计文件或 FigJam 文件,或在调用 use_figma 前需要先有新文件时使用;必要时通过 whoami 完成方案解析。用法——/figma-create-new-file [editorType] [fileName](例:/figma-create-new-file figjam My Whiteboard)
io.github.openai/skills/figma-create-design-system-rules
为用户代码库生成自定义设计系统规则。当用户说“创建设计系统规则”“为我的项目生成规则”“设置设计规则”“定制设计系统指南”,或想为 Figma 转代码工作流建立项目专属约定时使用。需要连接 Figma MCP 服务器。
io.github.openai/skills/figma-code-connect-components
使用 Code Connect 映射工具把 Figma 设计组件与代码组件关联。当用户说“code connect”“把组件连到代码”“映射这个组件”“链接组件与代码”“创建 code connect 映射”,或想建立 Figma 设计与代码实现之间的对应关系时使用。经 `use_figma` 写入画布时请配合 `figma-use`。
io.github.heygen-com/hyperframes/hyperframes
制作、编辑与渲染视频动画的统一入口,HyperFrames 默认框架。
v1.0.1
io.clawhub.wangzhiming1999/design-to-code
依据设计稿(Figma、Sketch 或图片)实现 UI,做到像素级布局、响应式行为与设计令牌。当需要还原设计图、实现界面…时使用。
v0.2.1
io.github.as9978/designfit
Validate AI-built front-ends against Figma by tokens and geometry, not pixels.
v1.15.0
io.github.paradoxsyn/rivemcp
用于创建和编辑 Rive(.riv)动画文件的 MCP 服务器,139 个工具支持 AI 驱动动画。