
Design
PluginPlugin for design teams: design critiques, design system audits, UX copy, accessibility checks, user research synthesis and developer handoff notes. Official from Anthropic; works best with Figma connected.
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's official Codex plugin that turns early product ideas, live pages or screenshots into interactive prototypes, proposing a few visual directions before building. Also reviews user flows, researches user pain points and checks accessibility issues.
openai/plugins7.5k
Playground
PluginHas the agent build single-file HTML interactive playgrounds: visual controls on one side, live preview on the other, and a prompt to copy back into Claude. Templates for design tuning, data exploration, concept maps, doc annotation, code review and architecture diagrams. By Anthropic.
anthropics/claude-plugins-official40.1k
Superdesign
PluginLets coding agents read your codebase, extract a design system, then generate UI mockups, slide decks, posters and other marketing visuals on Superdesign's infinite canvas and iterate in branches. Needs @superdesign/cli and a Superdesign account; free to start.
superdesigndev/superdesign-skill802
Penpot MCP Server
MCPOfficial MCP for the open-source design tool Penpot: through the Penpot plugin API, agents can query, modify and generate designs, supporting design-to-code and code-to-design. Run npx -y @penpot/mcp@latest first and load the MCP plugin in Penpot to connect.
penpot/penpot61.2k
Stitch Design Skills
SkillCompanion skills for Google Stitch: generate UIs from text or images, extract DESIGN.md from code, and turn designs into React or React Native components. From Google Labs but not an officially supported Google product; set up the Stitch MCP first.
google-labs-code/stitch-skills8.5k
Talk to Figma MCP
MCPUses a Figma plugin and a local WebSocket server so agents can read and directly edit designs: create frames and text, adjust auto layout and styles, and replace copy in bulk. Requires Bun; now maintained by Grab.
grab/cursor-talk-to-figma-mcp7.1k