All Design plugins
Best Claude Code plugins for frontend development on Design (June 2026)
18 curated Claude Code plugins that handle frontend development on Design projects. Install commands, configs, and copy-paste setup, refreshed June 2026.
18 items matching Design & Frontend Development.
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. UI/UX specialist plugin that generates polished, creative code avoiding generic AI aesthetics. Supports React, Vue, Svelte, and vanilla HTML/CSS with modern design patterns.
frontenddesignuiux+2
Figma
Figma design tool integration. Extract design specs, generate code from designs, access component libraries, and bridge the gap between design and development.
designuicollaborationofficial
Adobe For Creativity
Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional retouching.
designai
Hyperframes
HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.
designreact
Miro
Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.
designsecurityai
Runway Api
Video generation at scale. Generate videos, images, and audio with Runway's API — batch ad campaigns, product videos, multishot stories, and creative iteration. Supports seedance2, gen4.5, veo3, Nano, Banana Pro, and more.
designapiai
Wondelai Design Everyday Things
Fundamental design principles from Don Norman. Design affordances, signifiers, constraints, and feedback mechanisms. Apply human-centered design and fault-tolerant systems.
designai
Wondelai Hooked Ux
Hook Model framework for building habit-forming products. Design trigger-action-reward-investment loops, increase retention, and optimize onboarding for habit formation.
designai
Wondelai Ios Hig Design
Native iOS app design following Apple Human Interface Guidelines. Design SwiftUI/UIKit components, implement navigation patterns, and ensure accessibility compliance.
designswiftai
Wondelai Refactoring Ui
Practical UI design system for professional interfaces. Fix visual hierarchy, choose typography and color scales, add depth with shadows, and style components in Tailwind CSS.
designai
Wondelai Top Design
Award-winning web design framework for premium brand experiences. Build immersive websites with custom animations, dramatic typography, and scroll-based compositions.
designai
Wondelai Ux Heuristics
Usability heuristics and UX audit framework based on Nielsen and Krug. Conduct heuristic evaluations, identify usability problems, and prioritize fixes by severity.
designai
Wondelai Web Typography
Web typography framework for readable, beautiful type. Select and pair typefaces, set optimal line length and height, implement responsive typography, and optimize web font loading.
designai
Apple Hig Expert
Master Apple's Human Interface Guidelines (HIG) with focus on 2026 Liquid Glass aesthetics. Design and audit iOS, macOS, and visionOS apps for full compliance and premium feel. Includes hig_checker Python tool for tap targets and contrast.
designpython
Design Review
7-phase frontend design review with accessibility (WCAG 2.1 AA), responsive testing, visual polish. Use for PR reviews, UI audits, or encountering contrast issues, broken layouts, accessibility violations, inconsistent spacing, missing focus states.
designtesting
Design System Creation
Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency.
design
Interaction Design
Creates intuitive user experiences through feedback patterns, microinteractions, and accessible interaction design. Use when designing loading states, error handling UX, animation guidelines, or touch interactions.
design
Kpi Dashboard Design
Designs effective KPI dashboards with proper metric selection, visual hierarchy, and data visualization best practices. Use when building executive dashboards, creating analytics views, or presenting business metrics.
design
More plugins for frontend development
Browse all frontend development setupsCross-reference with other workflows
Design for Code ReviewDesign for TestingDesign for SecurityDesign for Git WorkflowsDesign for DocumentationDesign for DebuggingDesign for PerformanceDesign for Deployment & CI/CDDesign for DatabasesDesign for API DevelopmentDesign for RefactoringDesign for Codebase OnboardingDesign for AI & Agent DevelopmentDesign for Mobile DevelopmentDesign for Observability & MonitoringDesign for RefactoringDesign for Codebase Onboarding