Best Design Plugins
Curated plugins for design — ranked by GitHub stars, each linking to its source.
7 listings
Top Design Plugins
Open in browsefrontend-slides
Create beautiful slides on the web using a coding agent's frontend skills
diagram-design
27 editorial diagram types for Claude Code. Self-contained HTML + SVG. No shadows, no Mermaid-slop.
img2threejs
Rebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. Token-efficient image-to-3D.
Kami
👩🚒 Good content deserves good paper.
open-slide
A slide framework built for agents.
bento
Bento, the office suite that fits in a file
design-extract
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediatio
About Design Plugins
Looking for plugins to extend Claude Code for design? This page collects the best design plugins in one place, ranked by popularity and kept current from their repositories. Each plugin links to its GitHub source — add the marketplace and install it with a single Claude Code command. Compare options at a glance, then open any listing for features, use cases, and install steps.
Browse all plugins or explore the full Design category.
Best Design Plugins — FAQ
What are the best design plugins?+
We rank design plugins by GitHub stars and keep the list fresh from each project's repository. The listings at the top of this page are the most popular and actively maintained.
How do I add a plugin for design?+
Open any listing on this page and follow its GitHub README. Each plugin links to its GitHub source — add the marketplace and install it with a single Claude Code command.
Are these design plugins free?+
Every listing is an open-source project hosted on GitHub. Check each repository for its license and any API keys it may require.