Stephan Ye

Lead Product Design

2022 — 2024
API sequence diagram builder with a checkout flow between client, webserver, and Payments API, and an API operation panel open on the right
Wiring a checkout flow into a sequence diagram, one API operation at a time

I led product design at Alphadoc, a DevEx tooling startup, from proof of concept through its first public release within a year.

The core of the product is a sequence-diagram builder: drag a request between a client, a server, and an API, then attach a real endpoint and method to that step. Diagrams could also be generated straight from an uploaded API spec, turning a step that used to take an afternoon of manual diagramming into a few clicks.

Sequence diagram builder with a settlement flow being extended, a new "Settlement service" lifeline being named, annotated with two design notes about mimicking WYIWYG interaction and generating nodes from an uploaded API spec
Two decisions that mattered most: interaction that felt like a familiar WYIWYG editor, and diagrams generated straight from an uploaded spec

Alongside the diagrams, a block-based editor let teams write tutorials the way a CMS lets you write a blog post: text blocks, code blocks, callouts, and a dedicated API-reference block that pulls a live endpoint into the page instead of describing it by hand.

Block-based documentation editor on a Getting Started page, with a slash-command menu open showing text, image, code, divider, callout, and API reference blocks
Writing a tutorial and an API reference in the same block editor, unpublished until it's ready