
Design
Plugin面向设计团队的插件:设计评审、设计系统审计、UX 文案、无障碍检查、用户研究整理和开发交付说明。Anthropic 官方出品,接入 Figma 后效果更好。
Design Plugin
A design productivity plugin primarily designed for Cowork, Anthropic's agentic desktop application — though it also works in Claude Code. Helps with design critique, system management, UX writing, accessibility, research synthesis, and developer handoff. Works with any design team — standalone with your input, supercharged when you connect Figma and other tools.
Installation
claude plugin marketplace add anthropics/knowledge-work-plugins
claude plugin install design@knowledge-work-plugins
Commands
Explicit workflows you invoke with a slash command:
| Command | Description |
|---|---|
/critique | Get structured design feedback — usability, visual hierarchy, accessibility, and consistency |
/design-system | Audit, document, or extend your design system — components, tokens, patterns |
/handoff | Generate developer handoff specs — measurements, tokens, states, interactions, and edge cases |
/ux-copy | Write or review UX copy — microcopy, error messages, empty states, onboarding flows |
/accessibility | Run an accessibility audit — WCAG compliance, color contrast, screen reader, and keyboard navigation |
/research-synthesis | Synthesize user research — interviews, surveys, usability tests into actionable insights |
All commands work standalone (describe your design or paste screenshots) and get supercharged with MCP connectors.
Skills
Domain knowledge Claude uses automatically when relevant:
| Skill | Description |
|---|---|
design-critique | Evaluate designs for usability, visual hierarchy, consistency, and adherence to design principles |
design-system-management | Manage design tokens, component libraries, and pattern documentation |
ux-writing | Write effective microcopy — clear, concise, consistent, and brand-aligned |
accessibility-review | Audit designs and code for WCAG 2.1 AA compliance |
user-research | Plan, conduct, and synthesize user research — interviews, surveys, usability testing |
design-handoff | Create comprehensive developer handoff documentation from designs |
Example Workflows
Getting Design Feedback
/critique
Share a Figma link, screenshot, or describe your design. Get structured feedback on usability, visual hierarchy, consistency, and accessibility.
Auditing Your Design System
/design-system audit
I'll review your component library for consistency, completeness, and naming conventions. Get a report with specific improvement recommendations.
Writing UX Copy
/ux-copy error messages for payment flow
Get context-appropriate copy with tone guidance, alternatives, and localization notes.
Developer Handoff
/handoff
Share a Figma link and get a complete spec: measurements, design tokens, component states, interaction notes, and edge cases.
Accessibility Check
/accessibility
Share a design or URL. Get a WCAG 2.1 AA compliance report with specific issues, severity, and remediation steps.
Synthesizing Research
/research-synthesis
Upload interview transcripts, survey results, or usability test notes. Get themes, insights, and prioritized recommendations.
Standalone + Supercharged
Every command and skill works without any integrations:
| What You Can Do | Standalone | Supercharged With |
|---|---|---|
| Design critique | Describe or screenshot | Figma MCP (pull designs directly) |
| Design system | Describe your system | Figma MCP (audit component library) |
| Handoff specs | Describe or screenshot | Figma MCP (exact measurements, tokens) |
| UX copy | Describe the context | Knowledge base (brand voice guidelines) |
| Accessibility | Describe or screenshot | Figma MCP, analytics for real usage data |
| Research synthesis | Paste transcripts | User feedback tools (pull raw data) |
MCP Integrations
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.
Connect your tools for a richer experience:
| Category | Examples | What It Enables |
|---|---|---|
| Design tool | Figma | Pull designs, inspect components, access design tokens |
| User feedback | Intercom, Productboard | Raw feedback, feature requests, NPS data |
| Project tracker | Linear, Asana, Jira | Link designs to tickets, track implementation |
| Knowledge base | Notion | Brand guidelines, design principles, research repository |
| Product analytics | Amplitude, Mixpanel | Usage data for research synthesis and design decisions |
See CONNECTORS.md for the full list of supported integrations.
相关资源

Product Design
PluginOpenAI 官方 Codex 插件:把早期产品想法、线上页面或截图做成可交互原型,先给出几个视觉方向再动手实现,也能审查用户流程、调研用户痛点和排查无障碍问题。
openai/plugins7.5k
Playground
Plugin让 agent 生成单文件 HTML 交互式 playground:一侧是可视化控件,一侧是实时预览,底部输出可复制回 Claude 的提示词。内置设计调参、数据探索、概念图、文档批注、代码评审、代码架构图等模板。Anthropic 官方维护。
anthropics/claude-plugins-official39.3k
Superdesign
Plugin让编码 agent 读取代码库、整理设计系统,再在 Superdesign 无限画布上生成 UI 设计稿、演示文稿和海报等营销图,并分支迭代。需要安装 @superdesign/cli 并登录账号,可免费起步。
superdesigndev/superdesign-skill802
Penpot MCP Server
MCP开源设计工具 Penpot 官方 MCP:借助 Penpot 插件 API 让 agent 查询、修改和生成设计稿,支持设计转代码与代码转设计。需先运行 npx -y @penpot/mcp@latest,并在 Penpot 中加载 MCP 插件完成连接。
penpot/penpot61.2k
Stitch Design Skills
SkillGoogle Stitch 配套技能合集:由文字或图片生成界面、从代码提取 DESIGN.md,并把设计稿转成 React 或 React Native 组件。Google Labs 出品但非 Google 正式支持产品,需先配置 Stitch MCP。
google-labs-code/stitch-skills8.5k
Talk to Figma MCP
MCP借助 Figma 插件与本地 WebSocket 服务,让 agent 读取并直接修改设计稿:建框架与文本、调整自动布局和样式、批量替换文案。需安装 Bun,现由 Grab 维护。
grab/cursor-talk-to-figma-mcp7.1k