Figma
v2.1.0
SkillClawHub10.2k
io.clawhub.maddiedreese/figma
专业的 Figma 设计分析与资产导出。用于提取设计数据、以多种格式导出资产、审计无障碍合规、分析设计系统并生成全面的设计文档。对 Figma 文件做只读分析，具备强大的导出和报告能力。
source
“figma” 共 32 个结果
v2.1.0
io.clawhub.maddiedreese/figma
专业的 Figma 设计分析与资产导出。用于提取设计数据、以多种格式导出资产、审计无障碍合规、分析设计系统并生成全面的设计文档。对 Figma 文件做只读分析，具备强大的导出和报告能力。
v1.0.6
io.clawhub.hith3sh/figma-design
通过 Figma REST API 读取文件、管理评论、提取设计令牌、下载图片以及创建 webhook。当用户希望…（查看设计稿）时使用本技能。
io.github.openai/skills/figma
使用 Figma MCP 服务器获取设计上下文、截图、变量与素材，并把 Figma 节点翻译为可上线代码。当任务涉及 Figma URL、节点 ID、设计到代码的实现，或 Figma MCP 的配置与排障时触发。
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，做到像素级布局、响应式行为与设计令牌。当需要还原设计图、实现界面…时使用。
io.github.github/awesome-copilot/macos-golden-gate-design
Design, implement, review, or refactor native macOS 27 Golden Gate interfaces in SwiftUI or AppKit. Use when a Mac app must match Apple's current macOS 27 UI kit and restrained Liquid Glass language: integrated windows, full-height sidebars, native toolbars, flat lists, tables, and forms, clear pane boundaries, accessible materials, and removal of unnecessary nested cards, framed panels, or glassmorphism. Also use for Figma macOS 27 design-to-code work and audits of interfaces that feel too boxed.
io.github.moeru-ai/airi/agent-browser
面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括页面导航、填写表单、点击按钮、截图、数据提取、测试 Web 应用或自动化任何浏览器任务。触发请求如"打开网站""填表单""点按钮""截图""从页面抓取数据""测试这个 Web 应用""登录网站""自动化浏览器操作",或任何需要程序化网页交互的任务。也用于探索性测试、dogfooding、QA、bug 排查或应用质量评审。还可自动化 Electron 桌面应用(VS Code、Slack、Discord、Figma、Notion、Spotify)、查看 Slack 未读、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化,或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或网页工具。
io.github.nexu-io/open-design/design-extract
从导入的源码、截图或 Figma 导出中提取设计令牌（颜色/字体/间距），产出 token-map 消费的规范化令牌集合。
io.github.kortix-ai/suna/agent-browser
面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用，包括导航页面、填写表单、点击按钮、截图、提取数据、测试 Web 应用，或自动化任意浏览器任务。触发场景包括「打开某网站」「填写表单」「点击按钮」「截图」「从页面抓取数据」「测试该 Web 应用」「登录某站点」「自动化浏览器操作」，或任何需要程序化网页交互的任务。也用于探索性测试、自用体验、QA、缺陷排查或审阅应用质量。还用于自动化 Electron 桌面应用（VS Code、Slack、Discord、Figma、Notion、Spotify）、查看 Slack 未读、发送 Slack 消息、搜索 Slack 对话、在 Vercel Sandbox microVM 中运行浏览器自动化，或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或 Web 工具。
io.github.vercel-labs/agent-browser/agent-browser
面向 AI agent 的浏览器自动化 CLI。当需要与网站交互时使用：导航页面、填写表单、点击按钮、截图、提取数据、测试 Web 应用，或自动化任意浏览器任务。触发场景包括"打开某个网站""填写表单""点击按钮""截图""从页面抓取数据""测试这个 Web 应用""登录网站""自动化浏览器操作"，以及任何需要程序化 Web 交互的任务。也用于探索性测试、dogfooding、QA、bug 排查、应用质量评审；以及自动化 Electron 桌面应用（VS Code、Slack、Discord、Figma、Notion、Spotify）、查看 Slack 未读消息、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化，或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或 Web 工具使用。