Architecting the Low-Code IDE
Steamline application and integration design, development, test and deployment with canvas-based low-code and no-code capabilities.
01 Project Brief
Goal
This project aimed to modernize the developer experience by introducing low-code and no-code capabilities, making application development as simple and intuitive as building with LEGOs 🧱.
Users
Today, over 500,000 developers from 1,000+ large enterprises actively use our platform to build applications. Despite its widespread adoption, the core developer experience lags behind modern application development standards, which makes our users suffer and creates risk of losing customers.
Team
UX Team - Lead by Me 😎;
Engineering Team - 34 engineers;
Product Management Team - 4 product managers;
Technical Writing Team - 4 technical writers
Skills
Product Strategy
User Research
User Experience Design
Design System Development
Visual Design
Before
The legacy experience required heavy coding and complex manual configurations, leading to high friction and steep learning curves.
After
The new canvas-based approach allows for drag-and-drop integration design with real-time feedback and progressive disclosure.
02 UX Approach
A user-centered design process was followed to ensure the platform met the needs of both novice and expert developers. From discovery to delivery, we iterated based on continuous feedback.
03 Highlights
Optimal Information Architecture
Being able to manage reusable assets such as metadata, connections, properties, and other assets is a key feature of the new canvas-based editor. We designed a intuivie information architecture that allows users to create, manage and reuse assets as needed.
Full-Featured Canvas-based Editor
The core of the experience is an intuitive canvas where users can visually map out their application logic. The adding, editing, moving, setting breakpoint, making comment, and converting to scope features make compelcated integration design a breeze.
Customizable Canvas Interface
To reduce errors, we implemented a real-time validation engine that provides instant feedback as users build, similar to spell-check but for integration logic.
04 Closing Notes
Impact
We have seen a massive lift in the efficiency of integration design made within the 3 months of launch.
Significant reduction in manual coding and configuration errors led to much faster project completion.
NPS scores among developers increased by a quarter after adopting the new canvas-based editor.
Takeaways
Successfully transformed a complex, standalone developer experience product into an Visual Studio Code extension without compromising on usability or performance.
Leveraged close collaboration across design, product, and engineering to translate technical complexity into a clear, no-code user experience.
Learned to prioritize ruthlessly in high-pressure environments, focusing on what delivered the most value within tight timelines.