LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

带有该标签的 Skills:Figma

浏览带有该标签的技能列表。

  • ui_workflow - 基于 Figma 设计的 UI 实现工作流,含设计映射与验证
    UI 实现Figma设计映射工作流

    ★ 119 · 更新于 2026-06-30

    执行基于 Figma 的 UI 实现工作流,涵盖设计映射、现状审计、定向实现、布局与视觉验证、迭代及运行时记忆管理。

    ⚙ 从 Jira 或 Figma 解析 UI 源⚙ 创建规范化实现简报⚙ 审计当前实现状态
  • extracting-interactions - 从 Figma 设计中提取交互规范
    Figma交互设计UI 规格组件状态

    ★ 602 · 更新于 2026-06-30

    从 Figma 设计中提取交互规范(悬停状态、过渡、动画、触发器),并更新屏幕 spec.md 中的交互章节。

    ⚙ 检测组件变体⚙ 识别交互元素⚙ 整理状态变化
  • ui-ux-designer - 专家级UI/UX设计师提供可访问的设计系统服务
    设计系统可访问性UI/UXFigma

    ★ 602 · 更新于 2026-06-15

    创建界面设计、线框图、设计系统和可访问的用户体验

    ⚙ 创建设计令牌⚙ 设计组件⚙ 构建设计系统
  • ui-ux-designer - 数字化产品UI/UX设计专家
    设计系统无障碍用户研究原型设计

    ★ 0 · 更新于 2026-06-15

    创建界面设计、线框图和设计系统,符合无障碍标准

    ⚙ 创建设计系统⚙ 管理设计令牌⚙ 设计组件库
  • ui-ux-designer - UI/UX设计系统专家
    UI/UX设计设计系统可访问性用户研究

    ★ 0 · 更新于 2026-06-15

    创建界面设计、线框图和设计系统,掌握用户研究和可访问性标准。

    ⚙ 创建界面设计⚙ 创建线框图⚙ 创建设计系统
  • figma - Figma 双向设计技能
    Figma设计Vue 3shadcn-vue

    ★ 2 · 更新于 2026-05-28

    读取 Figma 设计并将组件、页面和设计令牌写回 Figma

    ⚙ 读取设计上下文⚙ 获取变量定义⚙ 搜索设计系统
  • figma-generate-design - 从代码构建Figma屏幕
    Figma设计系统UI设计屏幕设计

    ★ 0 · 更新于 2026-05-09

    使用已发布的设计系统将应用页面和视图转换为Figma设计

    ⚙ 创建屏幕⚙ 更新屏幕⚙ 创建视图
  • accelint-persona-review - 基于角色的Figma设计评审
    设计评审FigmaUX评估角色分析

    ★ 0 · 更新于 2026-05-09

    从操作者角色视角评估Figma设计,通过设计批评和用户体验评估

    ⚙ 加载角色档案⚙ 获取Figma设计⚙ 搜索支持文档
  • vapor-ui - Vapor UI 设计系统与 Figma 转换器
    设计系统UI 组件Figma代码生成

    ★ 57 · 更新于 2026-05-09

    提供 Vapor UI 组件目录、图标查询、用法文档及 Figma 设计到代码的转换

    ⚙ 获取组件列表⚙ 获取组件信息⚙ 获取组件示例
  • accelint-persona-review - 基于角色的Figma设计评审
    设计评审Figma基于角色评估用户体验评估

    ★ 24 · 更新于 2026-05-09

    从操作员角色视角评估Figma设计,进行设计批评和用户体验评估

    ⚙ 加载角色档案⚙ 获取Figma设计⚙ 搜索文档
  • ai-prototype-prompter - 为 AI UI 工具生成优化提示词
    FigmaUI 设计提示词工程原型设计

    ★ 34 · 更新于 2026-05-09

    读取 Figma 设计并为 AI UI 原型工具生成工具特定的提示词

    ⚙ 读取 Figma 设计⚙ 验证 Figma 连接⚙ 分析截图
  • @tank/figma-to-code - 像素级精确的 Figma 到代码转换
    Figma设计到代码像素级精确设计系统

    ★ 1 · 更新于 2026-03-26

    从 Figma 提取设计规范并转换为像素级精确代码,包含完整 CSS 值

    ⚙ 提取设计上下文⚙ 捕获设计截图⚙ 提取设计令牌