「TechTalks! #3」テーマ:デザインエンジニアが見ている景色。
sakitoさん
プロダクトデザイン部→デザインシステム副部→デザインテクノロジストの階層構造
なんで作ったか
デザイナーとエンジニアの間を埋めたい
その両方にモチベがあることは、スキル
誰かが自然と拾っていたけど、その人が抜けると上手くいかなくなることがあるので、職能にした
どちらかに特化していなくても、両方をバランスよくできる人
仕事
デザイナーとエンジニアの橋渡しをした結果の生成物としてデザインシステムを運用している
デザインテクノロジストとデザインエンジニアの違い
違いはないけど、エンジニアよりは、デザイナー寄りの人がほしかった
海外だとデザインテクノロジストが多い
yuheiyさん
プロダクトデザインとコミュニケーションデザインで分かれている(8人: 2人)
フロントエンドエンジニア: 0人
エンジニアがみんな、両方やる形式
なぜプレイドにデザインエンジニアが必要だったのか? - Speaker Deck
CSS設計やレスポンシブデザインという問題を解決するために、前提を正す必要がある
デザインに一貫性を持たせるとか、レスポンシブデザインでブレークポイントを設定するんじゃなくて~とか
デザインの前から関わるように
デザインシステムGin
react + react-aria-component + tailwind
マルチブランド対応
Core部分に加えて、テーマやフォント・アイコンはブランドごとに切り替えられるbotanicalの仕組み
AI-Ready
コンポーネントに後からpropsを追加したり、コンポーネントの責務を考えたりするのが大変
→前のデザインシステムのSourを基にして、後から修正していくのではなくて、最初から完璧に近いものを作るようにしている
yuheiy/nestable-tailwind-variants: Tailwind CSS variant library with nestable conditions for compound styling instead of flat compoundVariants.
Storybookのドキュメントも工夫してる
デザインエンジニア: 「自身のエンジニアリング技術をデザインのために駆使する人」
ディスカッション
デザインエンジニアが他社に行ったら通用するのか?互換性はあるのか?
多分通用するけど、CTOやCDOの方針などによる?
デザイン組織に配置されたいるからやりやすい部分はある
ハードスキル的には共通部分が多い