デザインシステム、見てる?
by
kabetch
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
デザインシステム、見てる? SmartHR @kabetch ハードル激低LT大会ッ! #02 2023.04.20
Slide 2
Slide 2 text
プロダクトを作る上での相棒は?
Slide 3
Slide 3 text
デザインシステムですよね SmartHR Design System ( https://smarthr.design/ )
Slide 4
Slide 4 text
SmartHR Design Systemとは? SmartHR Design System - コンセプト 概要 ( https://smarthr.design/concept/ ) SmartHR Design System は、クラウド人事労務ソフト「SmartHR」において、サービ スに関わるすべての人がSmartHRらしい表現をするための基準や素材をまとめたも のです。 “ ”
Slide 5
Slide 5 text
SmartHRでプロダクトを作っている皆さん これからSmartHRで一緒にプロダクトを 作ってくれるかもしれない皆さん
Slide 6
Slide 6 text
デザインシステム、見てる?
Slide 7
Slide 7 text
「もちろん!ブックマークだってしてるし」
Slide 8
Slide 8 text
いいね!でも、
Slide 9
Slide 9 text
もっとこう、、 すぐ呼び出せるようにしてる?
Slide 10
Slide 10 text
僕はこうしてます! Alfredで “sy” まで入力して ッターン‼
Slide 11
Slide 11 text
ctrl + space
Slide 12
Slide 12 text
sy
Slide 13
Slide 13 text
ッターン‼
Slide 14
Slide 14 text
👏
Slide 15
Slide 15 text
別にトップページである必要性はない SmartHR Design System ( https://smarthr.design/ )
Slide 16
Slide 16 text
SmartHR Design System - コンポーネント ( https://smarthr.design/products/components/ )
Slide 17
Slide 17 text
SmartHR Design System - デザインパターン(共通) ( https://smarthr.design/products/design-patterns/ )
Slide 18
Slide 18 text
SmartHR Design System - ライティングスタイル ( https://smarthr.design/products/contents/writing-style/ )
Slide 19
Slide 19 text
SmartHR Design System - ウェブアクセシビリティ簡易チェックリスト ( https://smarthr.design/accessibility/check-list/ )
Slide 20
Slide 20 text
「いちいち呼ばずに常に開いときゃよくね?」
Slide 21
Slide 21 text
👍
Slide 22
Slide 22 text
自分がよく使うコンテンツ(=相棒)を すぐに見られるようにしておこうぜ とにかく
Slide 23
Slide 23 text
おわり