디자인 엔지니어를 준비중이라면 알아야하는 17명

요즘 IT 업계에서 가장 뜨거운 키워드 중 하나를 꼽으라면 단연 디자인 엔지니어링(Design Engineering)이 아닐까 싶습니다. 코딩 에이전트들이 발달해도 기능은 만들지만 매끄럽게 사용자와 제품을 연결하는건 다른 문제입니다. 안목(Taste)가 없으면 그 매끄러운 연결성을 구현할 수 없죠. 다양한 도메인 지식을 잘 알아야하며 최적화도 뒷받침해줘야합니다.

피그마, 스케치에 디자인하는건 아무나 할 수 있게 됐습니다. 하지만 코드로 옮겼을 때 그 세세한 디테일을 맞추는건 아무나할 수 없습니다. 그 디테일에서 압도적인 제품 경험으로 이어지는데도 말입니다. 많은 사람들이 거기까지 관심을 주지도 않거니와 구현하고 working 하는데 집중하는데 바빠서 어쩔 수 없기도 합니다.

개인적으로 Emil Kowalski, Amelia Wattenberger를 좋아합니다. Emil이 만든 skill도 잘 흡수해서 공부했습니다. Amelia 개인 블로그에 게재된 연구자료들은 너무 취저라서.. 매번 새 포스트가 올라오길 기다리고 있습니다. 재밌는 작업들이 많아서 매번 번뜩이는 영감을 주거든요.

아무튼 필요한 사람들이 있을 것 같아서 목록을 만들었습니다. 

1. Emil Kowalski

• 소속: Linear (전 Vercel)
• 웹 & 소셜:
• 웹사이트: emilkowal.ski
• X (Twitter): @emilkowalski
• GitHub: github.com/emilkowalski
• 소개: React용 인기 토스트 알림 라이브러리 Sonner와 서랍 컴포넌트 Vaul, 웹 애니메이션 교육 플랫폼인 animations.dev의 제작자입니다. UI 인터랙션과 미세 애니메이션 설계에 강점이 있습니다.

2. Josh Puckett

• 소속: iteration.design (공동 창업자)
• 웹 & 소셜:
• 웹사이트: joshpuckett.me
• X (Twitter): @joshpuckett
• 소개: Dropbox, Wealthfront, Groupon 등에서 디자인 및 엔지니어링 팀을 이끌었으며, 디자이너 육성 스튜디오인 Upperstudy를 공동 설립했습니다. 인터페이스 정교함과 디테일을 다루는 Interface Craft 라이브러리를 운영합니다.

3. Raphael Salaja

• 소속: Warp (warpdotco)
• 웹 & 소셜:
• 웹사이트: raphaelsalaja.com
• X (Twitter): @raphaelsalaja
• 소개: 아일랜드 기반의 디자인 엔지니어로, OpenSea, Avara 등과 협업했습니다. 웹 인터랙션에서의 사운드 활용, 물리 기반 스프링(Springs) 애니메이션 등 감성적이고 정교한 인터랙션 연출에 주력합니다.

4. Gavin Nelson

• 소속: OpenAI (전 Linear, GitHub)
• 웹 & 소셜:
• 웹사이트: nelson.co
• X (Twitter): @gavin_nelson
• 소개: ChatGPT의 제품 인터랙션 및 UI/UX를 주도하고 있습니다. 섬세한 프로토타이핑과 고품질 iOS/macOS 앱 아이콘 디자인 분야에서 독보적인 완성도를 인정받고 있습니다.

5. Shad (shadcn)

• 소속: Vercel (AI Team)
• 웹 & 소셜:
• 웹사이트: shadcn.com
• X (Twitter): @shadcn
• GitHub: github.com/shadcn
• 소개: 현대 웹 개발 생태계에서 가장 널리 쓰이는 컴포넌트 모듈 시스템인 shadcn/ui의 제작자이자 Vercel의 AI 앱 빌더 v0의 공동 창업자입니다. 오픈소스 컴포넌트 생태계의 대표 인물입니다.

6. floguo (Flora / Flo Guo)

• 소속: Paradigm (파운딩 디자인 엔지니어, 전 Vercel)
• 웹 & 소셜:
• 웹사이트: floguo.com
• X (Twitter): @floguo
• 소개: Web3 및 크립토 투자사 Paradigm의 리드 디자인 엔지니어입니다. 절제된 미학, 타이포그래피, 고요하면서도 세련된 인터페이스 연출로 주목받고 있습니다.

7. Paco Coursey

• 소속: Linear (웹 마스터 / 디자인 엔지니어, 전 Vercel)
• 웹 & 소셜:
• 웹사이트: paco.me
• X (Twitter): @pacocoursey
• 소개: 커맨드 팔레트 UI 표준으로 자리 잡은 ⌘K (cmdk) 및 Next.js용 Next Themes의 제작자입니다. Linear의 미니멀하고 빠르고 아름다운 웹 브랜드 경험과 UI 시스템을 지휘합니다.

8. Rauno Freiberg

• 소속: Vercel
• 웹 & 소셜:
• 웹사이트: rauno.me
• X (Twitter): @raunofreiberg
• 소개: "코드라는 매체로 그림을 그린다"고 표현하는 인터랙션 마스터입니다. Vercel의 대표 인터랙션을 다수 설계했으며, 개인 아카이브인 rauno.me/craft를 통해 감각적이고 신선한 UI 실험물을 지속적으로 선보입니다.

9. 문대현 (Daehyeon Mun)

• 소속: Expo
• 웹 & 소셜:
• 웹사이트: daehyeon.dev
• X (Twitter): @DaehyeonMun
• GitHub: github.com/daehyeonmun2021
• 소개: 크로스 플랫폼 모바일 프레임워크인 Expo의 디자인 엔지니어입니다. React Native Skia를 활용한 고품질 그래픽·애니메이션 시연 프로젝트인 react-native-skia-lab과 Expo 기반 인터랙티브 게임 react-native-neon-city 등을 공개하였으며, 모바일 인터페이스에서의 유려한 모션과 그래픽 인터랙션을 연구하고 구현하고 있습니다.

10. Steve Ruiz

• 소속: tldraw (창립자 & CEO)
• 웹 & 소셜:
• 웹사이트: steveruiz.me
• X (Twitter): @steveruizok
• 소개: 무한 캔버스 화이트보드 도구인 tldraw의 제작자입니다. 캔버스에 그린 손그림 UI를 곧바로 작동하는 코드로 변환해 주는 AI 데모(Make Real)를 선보여 웹 개발 및 UI 분야에 큰 파장을 일으켰습니다.

11. Bartosz Ciechanowski

• 소속: 독립 인터랙티브 창작자
• 웹 & 소셜:
• 웹사이트: ciechanow.ski
• X (Twitter): @FearAndScience
• 소개: "웹 시뮬레이션 인터랙션의 거장"이라 불리는 인물입니다. 기계식 시계, 내연기관, GPS, 소리(Sound) 등의 복잡한 과학/공학 원리를 3D 인터랙티브 모델링으로 직접 조작하며 이해할 수 있도록 제작한 블로그 글로 유명합니다.

12. Amelia Wattenberger

• 소속: SHV (전 GitHub Next)
• 웹 & 소셜:
• 웹사이트: wattenberger.com
• X (Twitter): @wattenberger
• 소개: GitHub Next에서 연구원으로 활동하며 데이터 시각화(D3.js)와 차세대 개발자 도구 인터페이스를 연구했습니다. 감각적인 일러스트와 시각적 시뮬레이션을 결합한 기술 아티클로 많은 디자이너와 엔지니어에게 영감을 주고 있습니다.

13. Shu Ding

• 소속: Vercel
• 웹 & 소셜:
• 웹사이트: shud.in
• 소개: React 대표 데이터 페칭 라이브러리인 SWR을 만든 핵심 개발자이자 Vercel의 디자인 엔지니어입니다. Next.js 공식 문서의 아름다운 인터랙션과 v0 UI 시스템을 구축하는 등 유려한 인터페이스와 프론트엔드 엔지니어링 능력을 동시에 보여주는 인물입니다.

14. Pedro Duarte

• 소속: Vercel (전 Modulz)
• 웹 & 소셜:
• 웹사이트: pedroduarte.me
• X (Twitter): @peduarte
• 소개: 웹 접근성 기반의 유명 컴포넌트 라이브러리인 Radix UI와 CSS-in-JS 도구인 Stitches의 제작자입니다. 디자인 시스템과 개발자 경험(DX) 사이의 격차를 줄이는 데 독보적인 기여를 해왔습니다.

15. Andy Allen

• 소속: Not Boring Software (창립자)
• 웹 & 소셜:
• 웹사이트: andy.works
• X (Twitter): @asallen
• 소개: 지루한 유틸리티 앱(날씨, 계산기, 습관 관리)을 3D 게임 엔진, 몰입형 촉감(Haptics), 사운드 효과를 활용해 극적으로 바꾸어놓은 Not Boring 스튜디오의 창립자이자 인터랙션 디자이너입니다.

16. Bret Victor

• 소속: Dynamicland (창립자, 전 Apple)
• 웹 & 소셜:
• 웹사이트: worrydream.com
• 소개: HCI(인간-컴퓨터 인터랙션) 및 인터페이스 디자인 분야의 거장입니다. Apple에서 초창기 iPad UI 프로토타이핑을 이끌었으며, 명강연 *"Inventing on Principle"*을 통해 현대 디자인 엔지니어링의 커다란 사상적 기반을 제공했습니다.

17. Szymon Kaliski

• 소속: Replit (전 Ink & Switch)
• 웹 & 소셜:
• 웹사이트: szymonkaliski.com
• X (Twitter): @szymon_k
• 소개: 연구 중심 소프트웨어 연구소 Ink & Switch와 Replit에서 활동 중인 디자인 엔지니어입니다. 인터랙티브 실험, 코딩용 브레드보드 도구, 독창적인 노드 기반 인터페이스 실험을 지속적으로 선보이고 있습니다.