デザインエンジニアを目指すなら知っておきたい17人

いまIT業界で最も熱いキーワードの一つを挙げるなら、Design Engineeringではないでしょうか。コーディングエージェントが進化しても機能は作れます。しかし、ユーザーとプロダクトを滑らかにつなぐことは別の問題です。審美眼（Taste）がなければ、その滑らかな接続は実現できません。幅広いドメイン知識と、最適化の裏付けも必要です。

FigmaやSketchでデザインすることは、誰にでもできるようになりました。しかしコードへ移したときに、その細部まで合わせられる人は多くありません。その細部が圧倒的なプロダクト体験につながるにもかかわらずです。多くの人がそこまで注意を向けないこともありますし、実装して動かすことで手一杯なのも無理はありません。

個人的にはEmil KowalskiとAmelia Wattenbergerが好きです。Emilが作ったスキルもよく吸収して学びました。Ameliaの個人ブログに載る研究資料はとても好みで、新しい記事が上がるたびに待っています。面白い仕事が多く、いつも鮮やかな発想をくれるからです。

必要とする人がいそうなので、リストにしました。

1. Emil Kowalski

所属: Linear（元Vercel）
Web・ソーシャル:
Webサイト: emilkowal.ski
X（Twitter）: @emilkowalski
GitHub: github.com/emilkowalski
紹介: React向けの人気トースト通知ライブラリSonner、ドロワーコンポーネントVaul、Webアニメーション学習プラットフォームanimations.devの作者です。UIインタラクションとマイクロアニメーション設計に強みがあります。

2. Josh Puckett

所属: iteration.design（共同創業者）
Web・ソーシャル:
Webサイト: joshpuckett.me
X（Twitter）: @joshpuckett
紹介: Dropbox、Wealthfront、Grouponなどでデザイン・エンジニアリングチームを率い、デザイナー育成スタジオUpperstudyを共同設立しました。インターフェースの精度とディテールを扱うInterface Craftライブラリも運営しています。

3. Raphael Salaja

所属: Warp（warpdotco）
Web・ソーシャル:
Webサイト: raphaelsalaja.com
X（Twitter）: @raphaelsalaja
紹介: アイルランドを拠点とするデザインエンジニアで、OpenSea、Avaraなどと協業しています。Webインタラクションにおける音の活用や、物理ベースのスプリングアニメーションなど、感覚的かつ精緻な演出に取り組んでいます。

4. Gavin Nelson

所属: OpenAI（元Linear、GitHub）
Web・ソーシャル:
Webサイト: nelson.co
X（Twitter）: @gavin_nelson
紹介: ChatGPTのプロダクトインタラクションとUI/UXを主導しています。繊細なプロトタイピングと、高品質なiOS/macOSアプリアイコンのデザインで卓越した完成度を評価されています。

5. Shad（shadcn）

所属: Vercel（AI Team）
Web・ソーシャル:
Webサイト: shadcn.com
X（Twitter）: @shadcn
GitHub: github.com/shadcn
紹介: 現代のWeb開発で最も広く使われるコンポーネントモジュールシステムshadcn/uiの作者であり、VercelのAIアプリビルダーv0の共同創業者です。オープンソースのコンポーネントエコシステムを代表する人物です。

6. floguo（Flora / Flo Guo）

所属: Paradigm（創業期デザインエンジニア、元Vercel）
Web・ソーシャル:
Webサイト: floguo.com
X（Twitter）: @floguo
紹介: Web3・暗号資産投資会社Paradigmのリードデザインエンジニアです。抑制の効いた美学、タイポグラフィ、静かで洗練されたインターフェース表現で注目されています。

7. Paco Coursey

所属: Linear（ウェブマスター／デザインエンジニア、元Vercel）
Web・ソーシャル:
Webサイト: paco.me
X（Twitter）: @pacocoursey
紹介: コマンドパレットUIの標準となった⌘K（cmdk）と、Next.js向けNext Themesの作者です。Linearのミニマルで高速、美しいWebブランド体験とUIシステムを率いています。

8. Rauno Freiberg

所属: Vercel
Web・ソーシャル:
Webサイト: rauno.me
X（Twitter）: @raunofreiberg
紹介: 「コードという媒体で絵を描く」と表現するインタラクションの達人です。Vercelを代表するインタラクションを多数設計し、個人アーカイブrauno.me/craftで感覚的で新鮮なUI実験を継続して公開しています。

9. ムン・デヒョン（Daehyeon Mun）

所属: Expo
Web・ソーシャル:
Webサイト: 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）
Web・ソーシャル:
Webサイト: steveruiz.me
X（Twitter）: @steveruizok
紹介: 無限キャンバスのホワイトボードツールtldrawの作者です。キャンバスに描いた手描きUIをすぐ動くコードに変換するAIデモ「Make Real」を披露し、Web開発とUIの分野に大きな反響を起こしました。

11. Bartosz Ciechanowski

所属: 独立系インタラクティブクリエイター
Web・ソーシャル:
Webサイト: ciechanow.ski
X（Twitter）: @FearAndScience
紹介: 「Webシミュレーションインタラクションの巨匠」と呼ばれる人物です。機械式時計、内燃機関、GPS、音など複雑な科学・工学原理を、3Dインタラクティブモデリングで直接操作しながら理解できるブログ記事で知られます。

12. Amelia Wattenberger

所属: SHV（元GitHub Next）
Web・ソーシャル:
Webサイト: wattenberger.com
X（Twitter）: @wattenberger
紹介: GitHub Nextでリサーチャーとして活動し、データビジュアライゼーション（D3.js）と次世代の開発者ツールのインターフェースを研究しました。感覚的なイラストと視覚シミュレーションを組み合わせた技術記事で、多くのデザイナーとエンジニアに刺激を与えています。

13. Shu Ding

所属: Vercel
Web・ソーシャル:
Webサイト: shud.in
紹介: Reactを代表するデータフェッチライブラリSWRを作った主要開発者であり、Vercelのデザインエンジニアです。Next.js公式ドキュメントの美しいインタラクションとv0 UIシステムを構築するなど、流麗なインターフェースとフロントエンドエンジニアリングの力を同時に示しています。

14. Pedro Duarte

所属: Vercel（元Modulz）
Web・ソーシャル:
Webサイト: pedroduarte.me
X（Twitter）: @peduarte
紹介: Webアクセシビリティを基盤とする著名なコンポーネントライブラリRadix UIと、CSS-in-JSツールStitchesの作者です。デザインシステムと開発者体験（DX）の間にある隔たりを縮めるため、他にない貢献をしてきました。

15. Andy Allen

所属: Not Boring Software（創業者）
Web・ソーシャル:
Webサイト: andy.works
X（Twitter）: @asallen
紹介: 退屈なユーティリティアプリ（天気、電卓、習慣管理）を、3Dゲームエンジン、没入的な触覚フィードバック（Haptics）、効果音で劇的に変えたNot Boringスタジオの創業者であり、インタラクションデザイナーです。

16. Bret Victor

所属: Dynamicland（創業者、元Apple）
Web・ソーシャル:
Webサイト: worrydream.com
紹介: HCI（ヒューマン・コンピュータ・インタラクション）とインターフェースデザイン分野の巨匠です。Appleで初期iPad UIのプロトタイピングを率い、名講演 「Inventing on Principle」 を通じて現代のデザインエンジニアリングに大きな思想的基盤を与えました。

17. Szymon Kaliski

所属: Replit（元Ink & Switch）
Web・ソーシャル:
Webサイト: szymonkaliski.com
X（Twitter）: @szymon_k
紹介: 研究中心のソフトウェア研究所Ink & SwitchとReplitで活動するデザインエンジニアです。インタラクティブな実験、コーディング用ブレッドボードツール、独創的なノードベースインターフェースの実験を継続して発表しています。