Claude tools for designers
Pick a task. Each kit is a short, ordered list of skills and connectors we'd install first.
UX research & testing starter kit
Install in this order · 7 picks- User ResearchSkill
Synthesizes interview notes or transcripts into key findings ranked by evidence strength, with participant counts and supporting quotes.
Synthesizes user research interviews into actionable insights, patterns, and recommendations. Use after conducting user interviews, customer calls, or usability sessions to extract and communicate…
- User Interview PrepSkill
Generate a complete user research brief with hypotheses, interview guide, and open-ended questions. Takes a research topic or hypothesis and returns a ready-to-use interview kit.
Nielsen's 10 usability heuristics. Use when auditing an interface, designing interaction flows, writing error messages or reviewing usability.
- Customer Journey MapSkill
Create a customer journey map across stages, touchpoints, actions, emotions, and metrics. Use when diagnosing a broken experience or aligning a team on the full customer flow.
- Proto PersonaSkill
Create a proto-persona from current research, market signals, and team knowledge. Use when you need a working customer profile before deeper validation.
Turn messy user research notes, interviews, support tickets, surveys, and product context into an evidence-backed decision room: a single HTML artifact with an evidence ledger, theme map, confidence heatmap, opportunity matrix, decision memo, and experiment queue. Use when teams need to move from qualitative signals to product or design decisions without fabricating certainty.
Workflow recipes for designers
Run this exact chain in Claude today
Brand-consistent decks in 10 minutes
Go from blank slide to a polished, on-brand deck without leaving Claude. Five tools, one chain.
- 1PowerPoint Skill
Generate the deck skeleton: title, sections, speaker notes, real PPTX file output.
- 2Brand Guidelines
Apply your brand colors, typography, and accent rules to every slide.
- 3Theme Factory
Pick a curated theme that matches the audience — exec, product, sales.
- 4Canvas Design
Create a hero slide or section divider as a museum-quality visual artifact.
- 5Slack GIF Creator
Make a Slack-ready animated GIF to share the deck with your team.
From Figma to launch-ready asset
Take a single Figma frame and ship the full asset kit a launch needs — copy, code, social, the lot.
- 1Figma Dev Mode MCP
Pull the selected frame's design tokens, structure, and assets directly from Figma.
- 2Frontend Design
Translate the design into clean, accessible component code that matches the spec.
- 3Canvas Design
Polish a hero artwork for the launch — magazine-quality, brand-aligned.
- 4Web Asset Generator
Generate favicons, app icons, and Open Graph images in every size you need.
- 5Slack GIF Creator
Tease the launch with an animated GIF teammates will actually click.
Research notes to an insight deck
Go from a stack of interview notes to a short deck stakeholders actually read, with the evidence attached.
- 1User Interview Prep
Plan the interviews: hypotheses, an interview guide and open questions.
- 2User Research
Synthesize the transcripts into findings ranked by evidence, with participant counts and quotes.
- 3Customer Journey Map
Place the findings on a journey map: stages, emotions and pain points.
- 4Research Decision Room
Turn notes, tickets and surveys into one evidence-backed decision page.
- 5PowerPoint Skill
Package the top findings as a short deck for the readout.
Health check for your design system
Find out where tokens, components and code have drifted apart, and ship the fixes with clear release notes.
- 1Figma Dev Mode MCP
Pull components, variables and styles straight from your Figma library.
- 2Token Audit
Check token tiers, naming, alias chains and orphaned values.
- 3Component Audit
Inventory component usage, duplication and coverage gaps.
- 4Drift Detection
Spot where product code re-implemented or overrode the system.
- 5Change Communication
Write release notes and a migration guide for the changes you decide on.
Accessibility pass before launch
Check a release against WCAG 2.2 AA from design to live page, and fix issues at the component level so they stay fixed.
- 1Wcag Accessibility
Review the designs against WCAG 2.2 AA, as the European Accessibility Act requires.
- 2Contrast Check
Verify every colour pair against AA and AAA contrast ratios.
- 3Axe Accessibility MCP
Run axe on the built pages and get prioritized violations with suggested fixes.
- 4Accessibility Per Component
Fix the root cause in the component: keyboard, focus, ARIA, target size.
- 5Playwright MCP Server
Walk the key flows through the accessibility tree to confirm the fixes hold.
5 design skills to sharpen in the AI era
The competencies designers say matter most right now — and the Claude tools that help you actually practice them.
- 1
AI fluency and prompt engineering
Working with AI to direct, iterate, and ship — not just prompt for outputs.
- 2
Cross-functional collaboration
Pairing across product, engineering, research, and writing in the tools they already live in.
- 3
Systems thinking
Mapping the structure behind designs — flows, components, decisions — so changes scale.
- 4
Designing AI-powered features with real user value
Shipping AI surfaces that actually help users instead of bolting on a chatbot.
- 5
Visual craft and taste
Holding the bar on typography, color, and detail in a world of generated everything.
Built something for designers?
We're actively curating this list. If your skill or MCP server belongs here, submit it and we'll review within a few days.
Submit yours