ux
Guides UX/UI design process from research through wireframing, prototyping, and testing.
/plugin marketplace add pluginagentmarketplace/custom-plugin-ux-design/plugin install custom-plugin-ux-design@pluginagentmarketplace-ux-designDesign intuitive and beautiful interfaces for your plugin with expert guidance from the UX/UI Design Expert.
/design-ux [plugin-name] [--research] [--wireframe] [--prototype] [--test]
/design-ux my-plugin
/design-ux my-plugin --research
/design-ux my-plugin --wireframe
/design-ux my-plugin --prototype
/design-ux my-plugin --test
Understand your users:
Output:
Plan your interface:
Output:
Create visual design:
Output:
Build interactive prototypes:
Output:
Validate your design:
Output:
/design-ux my-plugin --research --wireframe --prototype --test
Combines all phases for complete UX design process.
Recommended tools:
Create a comprehensive design system:
Color System
├── Primary colors
├── Secondary colors
├── Neutral colors
└── Semantic colors
Typography
├── Font families
├── Font sizes
├── Font weights
└── Line heights
Components
├── Buttons
├── Forms
├── Cards
├── Navigation
├── Modals
└── Notifications
Patterns
├── Onboarding
├── Authentication
├── Data display
├── Empty states
└── Error handling
Ensure WCAG compliance:
Document your design:
Prepare for development:
Involve stakeholders:
Stay updated on:
Before handoff: