CodeArts IDE — Integrated Development Environment by Huawei

About the Project

CodeArts IDE is a powerful integrated development environment developed by Huawei for Java, Python, and C++ development. The product received the prestigious IF Design Award, recognizing its excellence in user experience and interface design within a highly technical domain.

The Challenge

Lead the creation of core IDE features including code editing, debugging, and version control with a strong focus on usability and customization. Ensure the IDE is accessible, lightweight, and responsive across different hardware configurations.

My Role

Lead Designer responsible for user research, design and development of key IDE features, cross-functional collaboration with engineering and product teams, prototyping, usability testing, and accessibility compliance.

Process

Research & Developer-Centric Insights

Conducted extensive research into developer workflows, pain points, and mental models. Interviewed professional developers working with Java, Python, and C++ to understand context-switching patterns, debugging habits, and customization needs that informed the design direction.

Design System & Storybook Implementation

Built a comprehensive design system with reusable components tailored for IDE interfaces — code editors, panel layouts, tree views, terminal emulators, and toolbar patterns. Integrated with Storybook for real-time component previews and developer handoff.

Contextual Requirements Gathering

Worked closely with the Chinese design team and engineering to gather contextual requirements, ensuring the IDE meets the needs of developers in different regions and supports various development workflows and coding conventions.

Implementation & Iterative Improvement

Collaborated with 70+ developers to implement designs, conducting regular usability testing sessions and iterating based on real developer feedback. Ensured pixel-perfect implementation while maintaining performance standards.

AI Features Integration

Designed the user experience for AI-powered features including intelligent code completion, code explanation, and automated refactoring suggestions — ensuring they enhance rather than disrupt the developer's flow.

Results

Successful IDE release with significantly improved UX compared to competitors. Created a reusable design system that accelerated feature delivery. Enhanced collaboration between distributed design and engineering teams. Implemented real-time improvements based on developer feedback, resulting in the IF Design Award recognition.

Key Learnings

Initial lack of familiarity with developer workflows was a significant challenge that was overcome through immersive research. The highly technical domain required deep engagement with the subject matter. Balancing usability improvements with technical constraints of a desktop application demanded creative problem-solving and constant negotiation with engineering.