Work · The career
The case for design engineers

The case for design engineers

Jim Nielsen has blogged for fifteen years and says “Design Engineer” is the job-title bucket closest to his sense of self, “that or just plain old ‘Web Designer’.” His three-part case is the most quoted argument for the role, and it is about process, not skills.

Too many artifacts#

The Case for Design Engineers (26 May 2022) reacts to Jason Grigsby’s “Traditional Web Design Process is Fundamentally Broken.” For responsive design “there are Too. Many. Artifacts.”: sketches, wireframes, mockups, prototypes, each in at least three sizes, up to sixty per iteration by Grigsby’s count, with iOS alone at thirteen breakpoints, and none capture how the design behaves in the browser.

That “helps show why design engineers are worth their weight in gold.” They know the medium, so they make one or two artifacts and hold the rest in their head, and they need not document every state “because they are the ones downstream of the designs.” He calls this : a couple of mocks, a few rules, and a design engineer, versus a strict waterfall. “At what quantity does a set of declarative rules begin to look like imperative instructions?”

The figure below turns that count into cards. Push the sliders up and watch the traditional pile grow, then switch to design engineer and watch it collapse to the one or two artifacts Nielsen describes.

Total artifacts52

“Too. Many. Artifacts.”

SK
SK
SK
SK
SK
SK
SK
SK
SK
SK
SK
SK
SK
WF
WF
WF
WF
WF
WF
WF
WF
WF
WF
WF
WF
WF
MK
MK
MK
MK
MK
MK
MK
MK
MK
MK
MK
MK
MK
PT
PT
PT
PT
PT
PT
PT
PT
PT
PT
PT
PT
PT
Adjust
Figure 1. Traditional handoff versus one design engineer. Jim Nielsen counts up to 60 artifacts per design iteration in a traditional handoff: sketches, wireframes, mocks, and prototypes, each redone for desktop, tablet, and mobile, while current iOS devices alone account for thirteen breakpoints. Turn the sliders to grow the traditional field, then switch to design engineer and watch it collapse to the one or two artifacts he says the role actually needs. This figure settles on two. The four-stage list and the pace it animates at are illustrative.Constants from the source

Feel cannot be specced#

Pt. II (12 February 2024) is about feel. You get a note: the line between two containers should be draggable. “Perhaps that note is all you get.” Open questions: is there a resize affordance, on mouse in or mouse down, immediately or delayed, on the line or in a target area and how big, with snapping? His own build “felt off” until he saw the trigger area was asymmetrical between the two boundaries. “Sometimes you just have to feel it, use it, to understand the nuances.”

So “you need someone who can do design work with code.” Pixels from a GUI tool are “a static representations of a dynamic form,” a picture of him versus the moving him; designing in code makes the artifact the deliverable in embryo, and review becomes sending links. He allows two people, if they are close enough that the thing “feels designed all the way through.”

Pt. III (27 March 2024) borrows Christopher Nolan’s Writer/Director credit: films, like websites, are drafted outside their final medium, so meanings are found in production. “The creative process is not an assembly line,” and with narrow roles, “if what was planned on paper doesn’t work in reality, you’re stuck.” Making Films and Making Websites states : the website people use. “People come to watch films, not read scripts. People come to use websites, not look at mocks.” The Figma to Browser Chasm (2023) is the business version: a Figma file that never reaches the browser means “you’re throwing away time and money,” unless “you’ve got a design engineer who can do both.”

The same case, run for years#

Kathryn Gonzalez’s systems writing is the role inside a company. Design Systems and Infrastructure (July 2018) lists a Design Language System for web, Android, and iOS sharing type, colour, and spacing through tokens, and components that made “the hard, tedious, error-prone work of building things like modals” no effort. Design had two halves: generative exploration, then , making micro-interactions “repeatable and low-cost” by engineering them once.

How to Build a Modal (2017) is the ground truth: a z-index problem (a LayerManager with its own stacking context), focus management (the WAI-ARIA examples “are your friend”), an iOS scroll lock overflow: hidden could not provide, and “Always test with real devices.” The system “is made of processes as much as components,” and her Config 2023 line, that the extra ten percent of polish makes “your designers truly trust your system,” is Jim’s argument at organisational scale: built once by someone who could do both, handed to everyone.

How the role is received#

In Interdisciplinary Website Maker (April 2024) interviewers “look at me strange and stammer”: “Why would we need a designer that codes? We have designers. We have coders.” Now “any cross-disciplinary interest is easily interpreted as a lack of specialization.” He borrows Paul Ford’s “the interdisciplinarian is essentially an exile” and floats “Interdisciplinary Website Maker,” as Maggie Appleton calls herself a website maker. An earlier post on the tension between logic and creativity says design engineers “have developed a muscle for holding these tensions in balance.”

The coda is sober. In The Tumultuous Evolution of the Design Profession (May 2025) he accepts that “bad design doesn’t hurt profit margins,” or nothing proves it does, while cost savings always show; he quotes Elizabeth Goodspeed’s “Less craft, more optics” and adds that optics are often better for your career than building. Kathryn’s “precarious” footnote says the same from the other side. The case is strong; organisations do not automatically make it. When you must, use Jim’s three moves: count the artifacts one responsive feature produces, build the interaction that has a note instead of a spec and send the link, and when a plan fails in the browser, say so and change it.