活きたデザインシステムに必要な3つのこと

2025-01-23 なぜ今必要？Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
https://offers-jp.connpass.com/event/339768/

Transcript

1. 活きたデザインシステムに 必要な3つのこと uknmr｜2025-01-23｜エンジニア視点で考えるデザインシステム
2. どうすればデザインシステム って活きるんでしょう?
3. デザイン + システム = ? design + system = ?
4. デザインシステム って言わない
5. 3 株式会社 SmartH 3 プロダクトデザイナÇ 3 SmartHR Design System の中の人 @uknmr ゆー
6. ざっくりとした職歴 ウェブアプリケーションエンジニア フロントエンドエンジニア プロダクトデザイナー
7. smarthr.design
8. 構成要素を埋めにいかない 目的をはっきりさせよう
9. デザインシステムって何?
10. デザインシステム? デザイン原則 デザイントークン コンポーネント / レイアウトパターン ドキュメント
11. 誰が、どんな風に作ってるのか知ってますか?
12. デザインシステムは 何のために 作るんですか?
13. きっかけは 小さくてもいい コードが読みにくい・理解しにくい マジックナンバーが多いとか、適切に定数に切り出されていな いとか、変数名がおかしいとか デザイナーと前向きに話せない コミュニケーションコストが高い、同じ土俵・同じ目線で話せ てない、なんで話せてない? Figma を介してコミュニケーショ ンしてない? もっと多様な環境でも使えるようにしたい プラットフォームの特性を理解した人が少ない。特定の画面幅 で、特定の挙動しか考慮できていない。
14. “成果” を第一に考える
15. ユーザーの手元で 動くものを作る意識
16. まとめ デザインシステムって言わない 構成要素を埋めにいかない “成果” を第一に考える
17. 成長や育成? のためのデザインシステムへ