Figma

🎨 AI 驱动设计协作与开发交付

通过 ClawLink 连接 Figma REST API,支持设计文件读取、评论管理、设计令牌提取、资源下载及 Webhook 创建,实现 AI 驱动的设计协作与开发对接。

收藏
10.2k
安装
2.3k
版本
1.0.6
CLS 安全性认证2026-07-14
点击查看完整报告 >

使用说明

核心用法

Figma Design Skill 通过 ClawLink 托管的 OAuth 认证流程,让用户在 OpenClaw 聊天环境中直接操作 Figma 资源。核心功能覆盖五大场景:

1. 文件与资源发现:通过 Figma URL 自动提取 file_key、node ID、team_id 等关键标识,支持获取文件元数据和完整 JSON 结构
2. 评论与协作管理:读取、添加、删除文件评论及 emoji 反应,支持团队设计评审流程

3. 资产导出:将设计节点渲染为 PNG/SVG/JPG/PDF 格式,支持批量下载与图像填充提取

4. 设计令牌工程化:从 Figma 样式和变量中提取设计令牌,并一键转换为 Tailwind CSS 配置文件,打通设计-开发链路

5. Webhook 自动化:创建文件、项目或团队级别的事件订阅,实现设计变更的实时通知

显著优点

  • 零配置接入:ClawLink 托管 OAuth 流程,用户无需自行申请 Figma API 密钥或处理令牌存储
  • Tailwind 原生支持:设计令牌转换工具直接输出前端可用的 CSS 配置,显著降低设计系统落地成本
  • 权限分层清晰:读取操作无摩擦,写入操作强制用户确认,破坏性操作(删除评论/Webhook)额外标记为高影响
  • 实时工具目录:通过 clawlink_list_tools 动态发现可用能力,避免硬编码假设

潜在局限

  • 文件类型限制:仅支持 Design 文件(figma.com/design/),FigJam 画板和 Slides 返回 400 错误
  • 令牌提取盲区:未编码为 Figma 官方样式或变量的设计属性会被静默忽略
  • Webhook ID 依赖:team_id、project_id 等关键参数无法通过 API 反查,必须从 URL 手动提取
  • 图像链接时效:下载 URL 14 天后过期,需即时处理
  • 权限门槛:团队级 Webhook 需管理员权限,可能阻碍部分自动化场景

适合人群

  • 前端开发者:需要快速获取设计规格、导出切图、同步设计令牌到代码库
  • 设计系统维护者:管理组件库样式、追踪文件变更、自动化设计-开发交付
  • 产品经理/项目经理:通过评论功能参与设计评审,无需打开 Figma 客户端
  • DevOps/自动化工程师:构建设计变更触发 CI/CD 流程的 Webhook 集成

常规风险

  • OAuth 授权范围:ClawLink 代理令牌,用户需信任其中间层安全;建议定期审计已授权集成
  • 误操作风险:删除评论/Webhook 不可逆,虽有多层确认,仍需警惕批量操作
  • 数据一致性:设计令牌提取依赖 Figma 文件结构规范,非规范化命名可能导致转换异常
  • 网络依赖:所有操作经 ClawLink 代理,服务可用性影响工具响应

安全解读

核心用法

Figma Design Skill 是一款基于 OpenClaw 平台的集成工具,通过 ClawLink 托管的 OAuth 流程,让用户无需编写代码或管理 API 密钥即可调用 Figma REST API。核心功能涵盖六大模块:

1. 文件与资源发现:从 Figma URL 解析 file_key、node ID、team_id 等关键参数,获取文件元数据和完整 JSON 结构
2. 设计内容读取:导出文件节点、样式库、组件库及组件集的结构化数据

3. 评论与协作:读取、添加、删除文件评论及表情反应,支持设计审阅流程

4. 资产导出:下载 PNG/SVG/JPG/PDF 格式的图像资源,支持自定义缩放比例

5. 设计令牌提取:自动识别颜色、字体、效果等设计系统令牌,并一键转换为 Tailwind CSS 配置

6. Webhook 管理:为文件、项目或团队事件创建监控钩子,实现设计变更的自动化通知

显著优点

  • 零配置接入:通过 ClawLink 三步流程(安装插件→配对设备→连接账户)完成 OAuth 授权,无需暴露 API Key
  • Tailwind 原生支持:独特的 figma_design_tokens_to_tailwind 工具,可将设计系统直接映射为前端配置
  • 细粒度权限控制:读取操作自动执行,写入操作(评论、Webhook、删除)强制用户确认
  • 企业级安全:S 级安全认证,TLS 1.2+ 加密传输,符合 GDPR/CCPA 合规要求

潜在局限

  • 文件类型限制:仅支持 Design 文件(figma.com/design/),FigJam 画板和 Slides 返回 400 错误
  • Webhook 配置门槛:团队级 Webhook 需管理员权限,file_key/team_id 无法通过 API 发现,必须手动从 URL 提取
  • 设计令牌识别局限:未编码为 Figma Styles 或 Variables 的设计元素会被静默忽略
  • 图片 URL 有效期:下载链接 14 天后过期,需立即转存
  • 生态依赖:功能实现依赖 ClawLink 平台的持续运营,若服务中断需手动迁移至原生 Figma API

适合人群

  • 前端开发者:快速将设计稿转换为 Tailwind CSS 配置,导出切图资源
  • 设计系统维护者:提取设计令牌,同步设计规范至代码仓库
  • 产品经理与项目经理:自动化跟踪设计文件变更,集成至内部工作流
  • 设计团队协作:批量管理评论审阅,导出设计资产

常规风险

  • OAuth 令牌泄露风险:虽然 ClawLink 托管令牌,但用户设备若被入侵,攻击者可借凭据访问其 Figma 可见的全部文件
  • 误操作覆盖:Webhook 创建/更新、评论删除等操作虽有确认步骤,但高频使用下仍有误触可能
  • 第三方依赖风险:ClawLink 作为中间层服务,其安全态势直接影响用户数据安全
  • 数据残留:断开连接后,ClawLink 侧 OAuth 令牌的清除时效需用户关注

Figma 内容

手动下载zip · 6.4 kB
skill-card.mdtext/markdown
请选择文件