FigmaでKPTをしてみた

Figmaをチームに浸透させる手段のひとつとしてFigmaでKPTをやってみた話です。

s-dev talks 〜サービス開発勉強会〜「大忘年 LT 大会 2019」での5分LTの資料
https://s-dev-talks.connpass.com/event/155489/

Transcript

1. Figma で KPT をしてみた Presented By @glico800
2. 自己紹介 glico Sho Ezawa ( ) / @glico800 ビザスクlite の Webエンジニア
 フロントエンドやUIデザインが好き
 リクガメ・シマリス・桜文鳥と暮らしている ?
3. もくじ 1. Figmaとは？ 2. どうやってやったか 3. やってみてどうだったか
 4. まとめ
4. 1. Figmとは？
5. Figmaとは - ブラウザ上で動作するデザインツール
 - コラボレーションの機能が豊富
 - デザインデータの同時編集ができる
6. なんでFigmaでKPT?? エンジニアはどうしても使う機会が少ない
 - デザイナー以外を巻き込んでデザインできるように チームで Figma を導入
 - エンジニアにも編集権限（有料）を付与
 - ただし、 - デザインツール利用経験がないので、覚えるも大変 それなら毎月やっている KPT で使ってみよう！
7. 2. どうやってやったか
8. 事前準備 (1/2) 参加者の編集アカウント準備 Freeプランだと編集アカウントが２つまで Figma への招待と編集アカウントの付与
 という
 制限があるので注意
9. 事前準備 (2/2) テンプレートを準備する 繰り返し使えるようにテンプレートを準備
10. KPT の進め方 1. 各自で自分の Keep と Problem を書き出す
 2. 書き終わったら１人ずつ発表 3. 発表時間などを使って書記が KP を１箇所に
 　まとめる 4. Problem に対して Try 話し合い書き出していく
11. ぷちデモ
12. 3. やってみてどうだったか
13. メリット - 記事録を後から書き起こす必要がない
 - Figma の操作練習になる
 - レイアウトなどを自由に編集できる 
 - AutoLayout のおかげで編集しやすくなった - リモートでもKPTに参加できる - 単純におもしろい
14. デメリット - ３人以上でやる場合は課金が必要 - Figma 操作に慣れている人がいないと最初は大変 - 人数が増えてくると付箋のように全体を俯瞰して 
 みるのは少し難しいかも
15. まとめ
16. まとめ - Figmaを使ったKPTはあり！
 - 楽しいくて後からまとめる手間もない

 - チームの人数やFigmaの導入有無によっては付箋や 
 他のツールの方が便利かも
17. おまけ クラウドワークスさんが１年以上前にやっていたー
18. ご清聴ありがとうございました