惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Attack and Defense Labs
Attack and Defense Labs
Engineering at Meta
Engineering at Meta
腾讯CDC
J
Java Code Geeks
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
G
Google Developers Blog
博客园 - 三生石上(FineUI控件)
Microsoft Azure Blog
Microsoft Azure Blog
The Cloudflare Blog
aimingoo的专栏
aimingoo的专栏
T
The Blog of Author Tim Ferriss
D
Darknet – Hacking Tools, Hacker News & Cyber Security
WordPress大学
WordPress大学
博客园_首页
I
InfoQ
NISL@THU
NISL@THU
Recorded Future
Recorded Future
Security Latest
Security Latest
K
Kaspersky official blog
L
Lohrmann on Cybersecurity
T
The Exploit Database - CXSecurity.com
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
U
Unit 42
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
www.infosecurity-magazine.com
www.infosecurity-magazine.com
C
CERT Recently Published Vulnerability Notes
W
WeLiveSecurity
Webroot Blog
Webroot Blog
Last Week in AI
Last Week in AI
AWS News Blog
AWS News Blog
IT之家
IT之家
S
Schneier on Security
雷峰网
雷峰网
Know Your Adversary
Know Your Adversary
T
Threat Research - Cisco Blogs
C
CXSECURITY Database RSS Feed - CXSecurity.com
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
L
LangChain Blog
Application and Cybersecurity Blog
Application and Cybersecurity Blog
月光博客
月光博客
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Stack Overflow Blog
Stack Overflow Blog
有赞技术团队
有赞技术团队
云风的 BLOG
云风的 BLOG
G
GRAHAM CLULEY
O
OpenAI News
The Last Watchdog
The Last Watchdog
TaoSecurity Blog
TaoSecurity Blog
The GitHub Blog
The GitHub Blog
V
Vulnerabilities – Threatpost

Maggie Appleton

The Dark Forest and Generative AI One Developer, Two Dozen Agents, Zero Alignment Gas Town’s Agent Patterns, Design Bottlenecks, and Vibecoding at Scale January 2026 | Maggie Appleton A Treatise on AI Chatbots Undermining the Enlightenment A Brief History & Ethos of the Digital Garden Vibe Code is Legacy Code May 2025 | Maggie Appleton Home-Cooked Software and Barefoot Developers Statistically, When Will My Baby Be Born? Speculative Calendar Events ChatGPT Would be a Decent Policy Advisor March 2025 | Maggie Appleton The Expanding Dark Forest and Generative AI Humanity's Last Exam Squish Meets Structure Common Misconceptions in AI Undetected AI Exam Answers Unbaited Smidgeons Growing a Human: The First 30 Weeks How to Import Academic Papers from Zotero into Tana December 2024 | Maggie Appleton Aesthetic Command Lines with Hyper, Spaceship, and Oh My Zsh Leaving Elicit July 2024 | Maggie Appleton A Short History of Bi-Directional Links The Pattern Language of Project Xanadu Assumed Audiences Ambient Co-presence On Opening Essays, Conference Talks, and Jam Jars Spinning Worlds, Seasickness, and Dealing with Vestibular Neuritis Gathering Structures Daily Notes Pages Historical Trails December 2023 | Maggie Appleton September 2023 | Maggie Appleton Digital Gardening for Non-Technical Folks Language Model Sketchbook, or Why I Hate Chatbots June 2023 | Maggie Appleton Computational Notebooks Folk Interfaces Reverse Outlining with Language Models Command K Bars Spatial Web Browsing A Picture Worth a Thousand Programmes Programmable Notes Programming Portals Teenage Skeuomorphic Desktop Designs Tending Evergreen Notes in Roam Research Growing the Evergreens Why You Own an iPad and Still Can't Draw A Brief Introduction to Digital Anthropology Transclusion and Transcopyright Dreams The Block-Paved Path to Structured Data Empty Pointers and Constellations of AI Metaphors We Web By The Gift Economy Epistemic Disclosure November 2022 | Maggie Appleton Joining Ought July 2022 | Maggie Appleton The Linear Oppression of Note-taking Apps Paleolithic Nostalgia Interoperable Personal Libraries and Ad Hoc Reading Groups The Finest Narrative Non-Fiction Essays Algorithmic Transparency October 2021 | Maggie Appleton Plebeian Programming with Keyboard Maestro The Cultural Anthropology of React August 2021 | Maggie Appleton Natureculture, Moral Purity, and Cultural Boundaries The Echo & Narcissus Writing Club Pink, Soft, Glittering Developers Fetishism & Mechanical Keyboards Making Programming Visual, Spatial, and Learnable Organic, Local, Artisan Data Storage Positioning Elements & Scrollytelling in CSS Painting Roam Research with Custom CSS A Digital Anthropology Reading List The Eponymous Laws of Programming A History of Cyborgs Neologisms GreenSock Animations with React Hooks The Bare Essentials of Greensock September 2020 | Maggie Appleton Illustrating Gatsby's Key Concepts Problematic Proteins New Harvest & Illustrating the Cultivated Meat Podcast Synecdoche: Drawing the Part for the Whole A Meta-Tour of This Site Douglas, Dirt, and Matter Out of Place The Knowledge Hydrant A Naïve Exploration of Computer-Supported Collaborative Learning Silent Synchronous Reading Sessions What the Fork is React Suspense? Visually Workshopping the AWS Cloud Are Data Unions the Future of Data? Pattern Languages in Programming and Interface Design A Metaphorical Reading Collection
A Collection of Design Engineers
David Hoang · 2024-03-11 · via Maggie Appleton

Assumed Audience

People trying to figure out what a Design Engineer is and want to see tangible examples of design engineering work.

Design Engineer is the latest label we’re chucking onto the pile of obfuscatory design titles alongside interface designer, interaction designer, software designer, web designer, product designer, design systems architect, UI/UX designer, UX engineer, UI engineer, and front-of-the-front-end engineer.

I won’t walk you through what defines and distinguishes each of these, because I don’t fully understand most of them. Few people do. They’re fuzzy, malleable pointers to a wide array of skills and responsibilities that differ from company to company. But they’re our best attempt at describing emerging roles in the very young field of software creation.

Throwing this extra label onto the pile feels necessary though. Design engineer captures something simple, important, and worth distinguishing: a person who sits squarely at the intersection of design and engineering, and works to bridge the gap between them.

They’re people who know how to run a design process to decide how something should work, look, and feel, and have the engineering chops to implement it. They can quickly iterate on ideas by cycling between design exploration, research, and live code. The skillset is ideal for prototyping, exploratory interaction design, and building robust design systems.

Others have written about the role in more detail, so I’ll lean on their insights to flesh out the definition:

“Design Engineering is a true blend of two conventional roles. [They] have deep knowledge in technological systems while scaling interface quality. They naturally fit in design crit or reviewing code with engineering.”

Design Engineering: An Emerging Role in Software David Hoang March 2024

“They are able to contribute wireframes and mockups as well as front-end code. Prototyping at all levels of fidelity, whether via pen-and-paper sketch or live code, lets design engineers quickly grow their idea and shepherd it through the development process.”

“A design engineer might focus on setting up a design system, documenting patterns, performing workflow audits and updates, building UI components, writing usage documentation, or working with stakeholders spread across an organization.”

“From prototyping to production-ready code, this function fast-tracks design decisions, mitigates risk, and establishes UI code quality”

Design Engineering Handbook Natalya Shelburne, et al. 2020

“They can bridge the chasm of design to browser engineering, skipping the need for 60+ artifacts. How? They have an understanding of the constraints of the medium, so from sketches to wireframe to high fidelity mocks, they only have to produce one or two artifacts while simultaneously keeping a picture in their head of how the elements of those designs flex and flow and change across different sizes. They can imagine how it works, so they don’t have to articulate it for every iteration. There’s no need to explicitly design and document all possible states for whoever is downstream of the designs because they are the ones downstream of the designs.

The Case for Design Engineers Jim Nielsen May 2022

“The role I’ve been trying to push towards without realising:

  • Idea validation
  • Rapid prototyping
  • Production code
  • UI code quality
  • Creating useful tools
  • Encapsulating systems
  • Setting up project groundwork
  • Empowering effective collaboration”

On Design Engineering: I think I might be a design engineer Trys Mudford Feb 2021

Rather than dwell too long on the definitions and literature, I’m more interested in practical examples of design engineering work out in the wild. Selfishly, I’m trying to figure out whether I’m a design engineer, or want to become one when I grow up. I probably count as a hobbyist design engineer, but not a professionally-employable-capital-D-Design-Engineer. And it’s unlikely I’ll ever grow up.

The best way to do this is to find and follow people doing design engineering work in public, and pay attention to their outputs, skills, and responsibilities.

Over the last year or two, I’ve seen an increasing numbers of these folks pop up. Most from a small set of companies like Vercel , Linear , The Browser Company and Replit , known for their attention to interface design detail and slick product interactions, who are clearly encouraging and cultivating design-engineer hybrids.

So here’s my list of people I consider design engineers, based on the work they put in public. Some of these people don’t explicitly call themselves “design engineers,” but their work sits solidly at the intersection of the two disciplines. It’s not exhaustive or comprehensive. I am not listing all design engineers known to the universe. Only the ones I pay attention to and respect the work of. Maybe it’ll help you figure out what design engineers are too.

1. Rauno Freiberg

Staff Design Engineer at Vercel

Making a running diary for myself.

Particularly happy with the sound & interaction design. My favorite detail is the slightly intimidating awareness of time & date near the pointer—emphasizing the fleeting opportunity to run today. It has got me out the door once so far. pic.twitter.com/7CYvsLvv28

— rauno (@raunofreiberg) February 7, 2024

2. Paco Coursey

Webmaster at Linear . Previously Software Engineer at Vercel

3. Szymon Kaliski

💻I've been working on this research browser thing with multi-pane browsing, tree-like history, and persisted "trails"

works on any website, but so far I've been using it mostly on wikipedia rabbit holes pic.twitter.com/yfBPtQfnit

— Szymon Kaliski (@szymon_k) August 2, 2020

4. Amelia Wattenberger

Research & development at GitHub . Previously Designer at Adept

some weekend progress on my AI writing buddy tool

✨ controls describing the piece to help guide suggestions
✨ filterable suggestion types
✨ a more expansive-feeling style
✨ and most excitingly! I made a cute lil logo for a new ChatGPT-suggested app name pic.twitter.com/8DqSgSV6MW

— Amelia Wattenberger 🪷 (@Wattenberger) April 10, 2023

5. Andy Allen

Our new Moon widget for !Weather has some great details…

Most just use static icons to show moon phase, but we programmatically draw an accurate moon phase that shows every illumination % based on a 3D model. pic.twitter.com/oSlY9T0E2c

— Andy Allen (@asallen) February 28, 2024

6. Alex Obenauer

One of my favorite concepts in my OS of the future is associated items —

Say you've received an email about a meeting later this week. You open the meeting agenda. You also create an event for your calendar.

This is where things can get super interesting (see next tweet) pic.twitter.com/66fnp42tGJ

— Alexander Obenauer (@alexobenauer) February 10, 2021

I've been on break from publishing for a couple of weeks to take care of some family health things, but back at it tomorrow with a new lab note:

In it we will begin to explore user-created item views. Just the beginning – will be a multi-week topic, as there's lots of potential. pic.twitter.com/Lnu2CFYZCJ

— Alexander Obenauer (@alexobenauer) March 19, 2021

7. Bret Victor

Independent researcher. Creator of Dynamicland . Frankly, much more than a design engineer and working many meta levels above those of us mucking about with cool UI interactions, but fits the definition anyway.

8. Emil Kowalski

9. Steve Ruiz

Founder and designer of TLDraw . Previously at Framer . Master of the arrows

10. Bartosz Ciechanowski

Creates interactive explanations. Not a Design Engineer as a profession, but a good example of blending design and engineering for educational content.

Some caveats

I’ve intentionally only listed people who put lots of work in public. But the work people put in public is not necessarily the work they do day-to-day.

People are incentivised to only share their sexy, shiny, flawless creations, rather than their messy process or shameful failures. Some of the especially tedious and labourious work isn’t easily shareable, such as advocating for robust design systems and cleaning up legacy code.

I am not under any illusions that these public works constitute the entirety of what design engineers create or spend all day making. I’m sure some spend their days “aligning stakeholders,” buried under a mountain of strategic documents and trapped by heirarchical approval chains. Say a small prayer for them.

If you’re mortally offended that I didn’t include someone who you think is the definition of a design engineer, tweet at me and include examples of their work. It’s not helpful to send me people who don’t work in public. I’m sure there are a thousand and one exceptional design engineers buried in the basement of Apple, but we’ll never get to see their work or learn from them.

References and Further Reading