← Work

Node-Based IDE

A visual programming environment for microcontrollers (Arduino, Raspberry Pi etc.) built on functional reactive principles. Programs are assembled from nodes representing physical devices, operations, and logic, connected by links and compiled into native machine code. Any patch can be turned into a reusable node, letting users extend the system without switching to text-based programming.

xod.io

1
Fully visual structure with no coding required, while still allowing code when needed.
2
Comfortable atmosphere that looks like a traditional IDE but without the usual complexity, professional in appearance yet approachable for hobbyists.
3
Desktop and browser versions covering both local and online workflows.
4
Clear node-and-link interaction that makes connections between devices and operations easy to read at a glance.

Role: UX/UI Designer
Duties: UI concept, component design, user scenarios, prototyping
Team: In-house product team
Context: Desktop app, Dev tools, B2D
Outcome: ~47K monthly downloads, 884 GitHub stars, 22 contributors. Made hardware programming accessible to non-coders.

Problem

The tools for microcontrollers were split between worlds, neither welcoming makers. Hobbyists, researchers, and designers were stuck before they could start.

Text programming meant learning C++ and hardware protocols before anything could be built.
Block-based editors were made for teaching, not real work
No middle ground existed between educational tools and heavy engineering environments
Visual tools that went further hit performance limits, making them unusable beyond simple sketches