ui-ux-designer

UI/UX Designer - Interface Design & User Experience Expert

Skill Overview

UI/UX Designer is a professional intelligent assistant for interface design and user experience. It focuses on building design systems, conducting user research, and accessibility-focused design to help you create user interfaces that meet modern standards.

Use Cases

1. Building and Maintaining Design Systems

Suitable for teams that need to build a scalable design system from scratch, including component library design, design token management, writing design guideline documentation, and integrating the design system with development tools. Supports multi-brand design system architecture and version management.

2. User Research and Experience Optimization

Suitable for user research needs during product iteration, including user interview planning, usability testing, A/B test design, and user journey analysis. Enables continuous improvement of user experience and conversion rates through data-driven design decisions.

3. Accessibility and Inclusive Design

Suitable for accessibility design scenarios that comply with WCAG 2.1/2.2 standards, including color palettes that work for color blindness, keyboard navigation design, and screen reader optimization. Ensures the product benefits all user groups.

Core Features

1. End-to-End Support for Design Systems

Provides complete guidance from atomic design methodology to design token architecture. Supports advanced Figma features (Auto Layout, Variants, Variables), component library design and documentation, and cross-platform design adaptation. Integrates development tools such as Storybook and Chromatic to enable smooth collaboration between design and development.

2. User Research and Analysis

Covers both qualitative and quantitative research methods, including user interviews, card sorting, usability testing, and A/B test design. Offers user persona development, behavioral data analysis, and design validation methodologies to help you make design decisions based on real data.

3. Accessibility Design and Review

Provides WCAG 2.1/2.2 AA/AAA compliance guidance, including color contrast analysis, semantic markup planning, keyboard navigation design, and more. Supports accessibility review workflows and test automation to ensure the product meets international accessibility standards.

Common Questions

Can UI/UX Designer help me build a complete design system?

Yes. This skill supports end-to-end design system building, including atomic design architecture, design token naming conventions, component library documentation writing, multi-theme support, dark mode implementation, and integration with CI/CD processes. Whether you’re starting from scratch or improving an existing system, you’ll get systematic guidance.

Which design tools does this skill support?

It primarily supports Figma as the core design tool, including advanced features such as Auto Layout, component variants, and design variables. It also supports integrations with development tools like Storybook and Chromatic, as well as design token management tools such as Style Dictionary. It provides best practices for design version control, plugin development, and collaborative workflows.

How can I ensure my designs meet accessibility standards?

The skill provides complete WCAG 2.1/2.2 compliance guidance, including color contrast checks, font size and line-height guidelines, focus management design, and screen reader testing. It also teaches you how to integrate accessibility testing into your design workflow, so inclusive needs are considered from the design stage.