For Designers

Skills and MCP servers for visual design, brand systems, generative art, Figma workflows, and asset generation.

Workflow recipes

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.

1
PowerPoint Skill
Generate the deck skeleton: title, sections, speaker notes, real PPTX file output.
2
Brand Guidelines
Apply your brand colors, typography, and accent rules to every slide.
3
Theme Factory
Pick a curated theme that matches the audience — exec, product, sales.
4
Canvas Design
Create a hero slide or section divider as a museum-quality visual artifact.
5
Slack 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.

1
Figma Dev Mode MCP
Pull the selected frame's design tokens, structure, and assets directly from Figma.
2
Frontend Design
Translate the design into clean, accessible component code that matches the spec.
3
Canvas Design
Polish a hero artwork for the launch — magazine-quality, brand-aligned.
4
Web Asset Generator
Generate favicons, app icons, and Open Graph images in every size you need.
5
Slack GIF Creator
Tease the launch with an animated GIF teammates will actually click.

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.
Claude API Skill Skill Creator
2
Cross-functional collaboration
Pairing across product, engineering, research, and writing in the tools they already live in.
Figma Dev Mode MCP Linear MCP Server Notion MCP Server
3
Systems thinking
Mapping the structure behind designs — flows, components, decisions — so changes scale.
Doc Co-Authoring MCP Builder Sequential Thinking
4
Designing AI-powered features with real user value
Shipping AI surfaces that actually help users instead of bolting on a chatbot.
Magic MCP (21st.dev)Frontend Design Web Artifacts Builder
5
Visual craft and taste
Holding the bar on typography, color, and detail in a world of generated everything.
Brand Guidelines Canvas Design Theme Factory

Sourced from Figma — State of the Designer 2026

Featured for designers

20 hand-picked tools

Frontend Slides

Generate animation-rich HTML presentations from scratch or by converting PowerPoint files into web slides.

Brand Guidelines

Apply brand-consistent colors and typography to any artifact.

Canvas Design

Create museum-quality visual art in PNG and PDF formats using design philosophy methodology.

Claude Code Video Toolkit

AI-native video production toolkit covering programmatic rendering, voiceover, and brand-consistent themes.

Theme Factory

Apply professional themes with curated color palettes and font pairings to any artifact.

Figma Dev Mode MCP

Figma's official MCP server exposing design structure, auto-layout, and styles to AI coding agents.

Penpot MCP

Official Penpot MCP — read, write, and prototype in the open-source Figma alternative directly from Claude.

Excalidraw MCP

Programmatic Excalidraw canvas — let Claude draw, edit, and export hand-sketched diagrams and wireframes in real time.

yctimlin (community)

Recraft MCP

Official Recraft MCP for brand-consistent vector art, illustrations, mockups, and on-brand raster images.

Design Systems MCP

Specialist assistant for design system tokens, components, patterns, and best practices across major DS libraries.

Unsplash MCP

Search and fetch high-quality royalty-free Unsplash photos directly inside Claude with proper attribution.

hellokaton (community)

Rampstack Website Skills

Stack-agnostic skills covering brand, design, content, SEO, dev, ops, growth, and research for websites.

Framelink Figma MCP

Provide Figma layout information to AI coding agents for accurate design implementation.

Algorithmic Art

Create generative art using p5.js with seeded randomness and interactive parameter exploration.

Slack GIF Creator

Create animated GIFs optimized for Slack with built-in validation and easing functions.

Web Asset Generator

Generate favicons, app icons, and social media images for web projects.

Frontend Design

Frontend design and UI/UX development guidance for Claude.

Magic MCP (21st.dev)

AI-driven UI component generation with a modern React/Tailwind component library.

shadcn/ui Skill

Build accessible UI components with shadcn/ui and Tailwind.

ElevenLabs MCP Server

Official MCP server exposing ElevenLabs text-to-speech, voice cloning, sound effects, and audio transcription.

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.