设计插件

一个面向设计团队的生产力插件,主要面向 Anthropic 的智能桌面应用程序 Cowork 设计——但同样适用于 Claude Code。帮助进行设计评审、设计系统管理、UX 文案编写、无障碍检查、研究综合和开发交付。适用于任何设计团队——可独立使用(通过你的输入),在连接 Figma 和其他工具后功能更强大。

安装

claude plugins add knowledge-work-plugins/design

命令

通过斜杠命令调用的显式工作流:

命令 描述
/critique 获取结构化设计反馈——可用性、视觉层级、无障碍性和一致性
/design-system 审计、记录或扩展你的设计系统——组件、设计令牌、模式
/handoff 生成开发者交付规格说明——尺寸、设计令牌、状态、交互和边缘情况
/ux-copy 编写或审查 UX 文案——微文案、错误消息、空状态、引导流程
/accessibility 运行无障碍审计——WCAG 合规性、颜色对比度、屏幕阅读器和键盘导航
/research-synthesis 综合用户研究——访谈、调查、可用性测试,提炼为可执行的洞察

所有命令都可以独立使用(描述你的设计或粘贴截图),并可通过 MCP 连接器增强功能

技能

Claude 在相关时自动使用的领域知识:

技能 描述
design-critique 评估设计的可用性、视觉层级、一致性和设计原则遵循情况
design-system-management 管理设计令牌、组件库和模式文档
ux-writing 编写有效的微文案——清晰、简洁、一致且符合品牌调性
accessibility-review 审计设计和代码的 WCAG 2.1 AA 合规性
user-research 规划、执行和综合用户研究——访谈、调查、可用性测试
design-handoff 从设计创建全面的开发者交付文档

示例工作流

获取设计反馈

/critique

分享 Figma 链接、截图或描述你的设计。获取关于可用性、视觉层级、一致性和无障碍性的结构化反馈。

审计你的设计系统

/design-system audit

我将审查你的组件库的完整性、一致性和命名规范。获取包含具体改进建议的报告。

编写 UX 文案

/ux-copy 支付流程的错误消息

获取符合上下文的文案,附带语气指导、替代方案和本地化注释。

开发交付

/handoff

分享 Figma 链接,获取完整的规格说明:尺寸、设计令牌、组件状态、交互说明和边缘情况。

无障碍检查

/accessibility

分享设计或 URL。获取 WCAG 2.1 AA 合规性报告,包含具体问题、严重程度和修复步骤。

综合研究

/research-synthesis

上传访谈记录、调查结果或可用性测试笔记。获取主题、洞察和优先级排序的建议。

独立使用 + 增强模式

每个命令和技能无需任何集成即可工作:

功能 独立使用 连接后增强
设计评审 描述或截图 Figma MCP(直接拉取设计)
设计系统 描述你的系统 Figma MCP(审计组件库)
交付规格 描述或截图 Figma MCP(精确尺寸、令牌)
UX 文案 描述上下文 知识库(品牌语气指南)
无障碍检查 描述或截图 Figma MCP、分析工具中的实际使用数据
研究综合 粘贴记录 用户反馈工具(拉取原始数据)

MCP 集成

> 如果你看到不熟悉的占位符或需要检查哪些工具已连接,请参阅 CONNECTORS.md

连接你的工具以获得更丰富的体验:

类别 示例 可实现的功能
设计工具 Figma 拉取设计、检查组件、访问设计令牌
用户反馈 Intercom、Productboard 原始反馈、功能请求、NPS 数据
项目管理 Linear、Asana、Jira 将设计关联到工单、跟踪实施进度
知识库 Notion 品牌指南、设计原则、研究存储库
产品分析 Amplitude、Mixpanel 用于研究综合和设计决策的使用数据

完整的支持集成列表请参阅 CONNECTORS.md