Quantum computing / Developer tools - 2026

Coherence

A workbench for superconducting quantum computers, where one project can be opened as circuit code or as the microwave pulses that physically run it.

Role
Product Designer
Platform
Desktop web app
Scope
Product design, design system, dark and light themes
Year
2026
The workspace showing three docked panels at once: a QASM code editor with an open file tree, a circuit preview with gates laid out across three qubit lines, and a topology canvas with sixteen qubits connected in a lattice
The workspace with everything open at once - code on the left, the circuit it compiles to underneath, the machine it will run on at the right.

The problem

Two altitudes, one machine

The people using this do not agree on what a quantum program is. To someone writing an algorithm it is a dozen lines of OpenQASM and a diagram of gates. To someone calibrating the machine it is a microwave envelope measured in nanoseconds, with an amplitude, a width and a correction term that decides whether the gate works at all.

Both descriptions are the same run. Tools in this field usually pick one of them and send you somewhere else for the other, so the handover happens in a private notebook and stops being part of the project.

Single qubit pulse configuration panel with a Gaussian DRAG waveform plotted as two curves, I of t and Q of t, over fifty nanoseconds, with fields for duration, padding, amplitude scaling and alpha
The hardware altitude - one gate on one qubit, described as a shaped microwave pulse.
Topology canvas filling the screen with nine labelled qubits arranged in a grid, a drawing toolbar down the left edge and a selection panel on the right offering colour, tags, size, copy, edit and delete
The structural altitude - which qubits exist and which ones can talk to each other.

Approach

One project, panels instead of modes

I did not split the product into a coding mode and a calibration mode. A project opens into a single workspace, and every tool is a panel on it that can be docked, collapsed or expanded to fill the screen. The editor, the circuit preview and the topology canvas are the same three panels whether you use all of them or one.

A pulse configuration opens over that same project, and carries a Coding Workspace button so the way back to the code is one click, not a navigation problem. Nobody has to choose their altitude when they open the app. They choose it per task, and change their mind without losing the run they were setting up.

Projects screen with a dashed New Project tile beside two project cards, each showing a machine label, a star control and when it was last opened, with a sidebar listing all projects, starred, search, task manager and notebook
Everything starts here, and every project opens into the same workspace rather than into a mode.

The same run, read at two altitudes. Code above, waveforms below.

Coupler-mediated two-qubit pulse configuration with two qubits, a coupler, gate type, optimization method and a Z correction per qubit, above two side by side waveform charts: an oscillating sigmoid sine drive on the qubit and a flat-topped sigmoid on the coupler
The heaviest screen in the product: two qubits, a coupler, and two independent drive waveforms tuned against each other.

Pulse configuration

The densest screen has to be earned

Coupler-mediated calibration carries roughly three times the controls of the single-qubit version, and most of them are meaningless for a single-qubit gate. Opening it cold would be an ambush.

So the panel is never reached directly. Two small questions come first, each a pair of illustrated cards rather than a dropdown: single qubit or two qubits, then ideal or coupler-mediated. By the time the form appears, every field on it applies to the gate being tuned.

A small modal titled Pulse Configuration asking to select the optimization mode, offering two illustrated cards, Single Qubit and Two Qubits, with an Open Optimization button
First question - how many qubits the gate touches. The diagrams carry the answer faster than the labels do.
The same modal at its second step, asking to choose the two-qubit configuration type between Ideal and Coupler-Mediated, with a Back button beside Open Optimization
Second question, and only for two-qubit gates. Back is always there, because the first answer is easy to get wrong.

Project setup

Answers that depend on each other

Creating a project is not one form. Machine type decides which modalities are available, modality decides which virtual modes exist, and error correction adds a surface code distance that only matters if it is switched on. Presented flat, most of those fields would be inert most of the time.

I broke it into a stepped dialog so each answer narrows the next, and put a full review before anything is created, restating every choice in one column. Setting up a run on shared hardware is worth reading back before it is committed.

Create Project dialog on step three of six, with a project name field, and dropdowns for machine type set to Virtual, modality set to Superconducting Qubit and virtual mode set to Effective Qubit, each with an information icon
Each step asks only what the previous answer left open, with an information icon on every term that is not plain English.
The final step of the Create Project dialog listing every answer back in one column - name, machine type, modality, virtual mode, type and quantum error correction - with surface code distance offered as three, five or seven
The last step restates the whole configuration, with error correction and code distance held to the end.

Process

How it got built

  1. Learn the physics

    I read up on what a DRAG pulse, a coupler and a surface code distance actually are, because you cannot lay out a form whose fields you do not understand.

  2. Separate the two audiences

    I mapped what the algorithm side needs against what the calibration side needs, and found the small set of screens both of them touch.

  3. Design the panel system

    One project surface, panels that dock, collapse and expand, so the same workspace serves a three-line circuit and a full waveform tuning session.

  4. Two themes, one set of tokens

    Every screen was drawn dark and light from shared tokens, so the light theme is a real working surface rather than an inverted afterthought.

Design decisions

Three choices that carried the complexity

Task Manager showing counts for all, queue, in progress, completed and failed, a search field, filters for project, time, machine and provider, and a list of queued jobs each with a position number, file name and date
Every run is visible in one place, split by state, filtered by the machine and provider it is waiting on.
The same Task Manager in selection mode, each queued job carrying a checkbox, with a delete action showing the count of selected jobs and a reorder queue control
Select mode turns the same list into a bulk tool - reorder what runs first, drop what no longer matters.

Assistance and themes

Help that sits beside the work

The assistant is a docked panel, not an overlay. It keeps the editor and the circuit visible while it reads them, and it opens with specific starting points rather than an empty prompt, because a blank box next to an unfamiliar domain gets closed rather than used.

The whole interface exists in dark and light. Physicists reading waveform plots have strong opinions about which one they want, and a plot on a light background is a different reading task, so both were drawn properly rather than generated by inversion.

The workspace with an assistant panel docked at the right, listing recommendation cards for workflow optimization, predictive maintenance and cross-tool insights, above a set of suggested questions and a prompt field
The assistant docks beside the code rather than covering it, and suggests questions instead of waiting on a blank field.
The same three panel workspace in the light theme, with the QASM editor, circuit preview and qubit topology lattice all rendered on white
The same screen in the light theme, drawn from the same tokens rather than inverted.

Outcome

A tool that does not make you choose a side

The product ships as one workspace covering the whole path: write the circuit, see the machine it maps onto, drop to the pulses when the gate needs tuning, queue the run and watch it wait. The two audiences that normally use separate tools now leave their work in the same project, where the other one can find it.

Both themes and every state, from onboarding to cancellation, were designed as one system rather than as screens collected over time.