Figma Skills

SKILLS 专题平台与工具

Figma 相关的一组:对接、导出、批量处理与内容生产。

本专题收录 311 个技能 数据同步于 2026-10-11 21:56:06

本专题共收录 311 个技能,以前端设计(167)、研究检索(57)、开发(47)这些方向为主。其中 218 个给出可执行安装命令,45 个标明许可证。

本专题技能 311 同一件事的成套技能
带安装命令 218 复制即用,多数走 npx
许可证明确 45 其余未声明,商用前需确认
已核验 1 最近核验 2026-05-01
数据同步 2026-10-11 21:56 更新 · 本站最近一次同步

这个场景的技能构成

按本专题 311 个技能统计
分类可点,进技能大全按分类继续筛
权限要求左低右高
  • 只读 9
  • 联网访问 16
  • 接触敏感数据 25
  • 浏览器控制 12
  • 调用外部服务 64
  • 执行命令 4

有 29 个会写文件、执行命令或接触敏感数据,装之前先看清楚要求。 另有 181 个(58%)没标权限。

适用客户端6 种
  • Gemini CLI120
  • Cursor120
  • Codex120
  • Claude120
  • OpenClaw17
  • 本地 Agent5

Figma 技能清单

第 1 / 13 页 · 每页 24 个
点标题进详情页看完整 SKILL.md 与安装步骤

Figma 设计协作

maddiedreese

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

研究检索 ClawHub 市场 接触敏感数据 许可证明确
累计安装
24.7 万
本周安装
1.1 万
GitHub 星标
14

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

实施设计

figma

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

开发 GitHub 仓库 调用外部服务 许可证明确
累计安装
13.9 万
本周安装
5,887
GitHub 星标
1,302

适用于 Codex、Claude、Cursor、Gemini CLI 适合 用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时、需要对比不同来源的安装命令和来源信息时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 ClawHub 市场 接触敏感数据 许可证明确
累计安装
4.9 万
本周安装
1,995
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

Figma sync 浏览器

kristinadarroch

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

开发 ClawHub 市场 联网访问 许可证明确
累计安装
4.7 万
本周安装
1,929
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

开发 ClawHub 市场 接触敏感数据 许可证明确
累计安装
2.9 万
本周安装
1,167
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

Figma 集成

gora050

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

研究检索 ClawHub 市场 接触敏感数据 许可证明确
累计安装
1.7 万
本周安装
703
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 ClawHub 市场 联网访问 许可证明确
累计安装
1.1 万
本周安装
449
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 ClawHub 市场 接触敏感数据 许可证明确
累计安装
9,972
本周安装
424
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

Figma bridge 浏览器

vanthienha199

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 ClawHub 市场 接触敏感数据 许可证明确
累计安装
8,554
本周安装
360
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 ClawHub 市场 调用外部服务 许可证明确
累计安装
8,311
本周安装
357
GitHub 星标
1

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

Figma pixel 浏览器

valerii-baidak

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 ClawHub 市场 浏览器控制 许可证明确
累计安装
6,889
本周安装
276
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 ClawHub 市场 接触敏感数据 许可证明确
累计安装
6,415
本周安装
270
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

研究检索 ClawHub 市场 接触敏感数据 许可证明确
累计安装
6,328
本周安装
256
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

研究检索 ClawHub 市场 接触敏感数据 许可证明确
累计安装
5,386
本周安装
229
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 ClawHub 市场 接触敏感数据 许可证明确
累计安装
5,092
本周安装
204
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 GitHub 仓库 执行命令 许可证不明确
累计安装
3,599
本周安装
147
GitHub 星标
468

适用于 Codex、Claude、Cursor、Gemini CLI 适合 用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时、需要对比不同来源的安装命令和来源信息时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 ClawHub 市场 接触敏感数据 许可证明确
累计安装
3,411
本周安装
138
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 ClawHub 市场 联网访问 许可证明确
累计安装
3,354
本周安装
137
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 ClawHub 市场 接触敏感数据 许可证明确
累计安装
2,863
本周安装
123
GitHub 星标
—

适用于 OpenClaw 适合 OpenClaw 用户查找和安装 Skill 时、用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

研究检索 GitHub 仓库 调用外部服务 许可证不明确
累计安装
2,025
本周安装
87
GitHub 星标
10

适用于 Codex、Claude、Cursor、Gemini CLI 适合 用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时、需要对比不同来源的安装命令和来源信息时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

开发 GitHub 仓库 联网访问 许可证明确
累计安装
1,968
本周安装
82
GitHub 星标
536

适用于 Codex、Claude、Cursor、Gemini CLI 适合 用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时、需要对比不同来源的安装命令和来源信息时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 GitHub 仓库 调用外部服务 许可证不明确
累计安装
954
本周安装
41
GitHub 星标
25

适用于 Codex、Claude、Cursor、Gemini CLI 适合 用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时、需要对比不同来源的安装命令和来源信息时

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 GitHub 仓库 调用外部服务 许可证不明确
累计安装
768
本周安装
12
GitHub 星标
98

适用于 Codex、Claude、Cursor、Gemini CLI 适合 用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时、需要对比不同来源的安装命令和来源信息时

Figma context MCP 技能

howardtangovo

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

前端设计 GitHub 仓库 接触敏感数据 许可证不明确
累计安装
749
本周安装
25
GitHub 星标
2

适用于 Codex、Claude、Cursor、Gemini CLI 适合 用户想查找某类 Agent Skill 时、需要根据任务场景推荐可安装能力包时、需要对比不同来源的安装命令和来源信息时

怎么在「Figma」里挑技能

三步
先看权限再看安装量
① 先看权限只读最少风险本专题 6 档权限,越靠右(写文件、执行命令)越要先在测试环境试
② 再看活跃度本周安装 > 累计安装累计安装容易被老牌技能长期占据,本周安装更能说明现在还有人在用
③ 最后看许可证明确 = 可商用许可证不明确的技能个人试用通常没问题,对外服务前先联系作者

关于「Figma」专题的常见问题

「Figma」专题里都是些什么技能?

共 311 个与「Figma」相关的 Agent Skills,覆盖最多的是 前端设计(167)、研究检索(57)、开发(47)、运维和基础设施(13)。Figma 相关的一组:对接、导出、批量处理与内容生产。其中 218 个给出可执行安装命令,45 个标明许可证,1 个经过本站核验。

Figma类技能怎么安装?

点开任意技能进详情页,复制里面的安装命令(多数是一条 npx 命令,也可以从客户端自带的技能市场装),装完在客户端里问一句「你有哪些技能」确认。装之前先看权限级别与许可证状态:标「执行命令」或「写入文件」的,先在测试项目里试。

挑Figma类技能要注意什么?

这个专题里 9 个技能是只读的,4 个会写文件或执行命令,宿主分布上以 Gemini CLI 120 个、Cursor 120 个、Codex 120 个 为主。权限越靠右风险越高,涉及执行命令、读写本地文件的技能优先在隔离环境里跑;许可证不明确的技能个人试用通常没问题,但别直接用在对外服务里。

这个专题和分类页有什么区别?

分类页按能力归属分大类(写作、开发、效率…),一个分类下什么场景都有;专题页按「你要做的这件事」把相关的技能凑成一套,「Figma」就是这一类。想按能力逛回 AI Skills 大全(/skills),想换个场景回 Skills 专题总入口(/skills/topic)。

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,数据日期 2026-10-11 21:56:06。