FigmaでKPTをしてみた

by Sho Ezawa

Slide 1

Slide 1 text

Figma で KPT をしてみた Presented By @glico800

Slide 2

Slide 2 text

自己紹介 glico Sho Ezawa ( ) / @glico800 ビザスクlite の Webエンジニア  フロントエンドやUIデザインが好き  リクガメ・シマリス・桜文鳥と暮らしている ?

Slide 3

Slide 3 text

もくじ 1. Figmaとは？ 2. どうやってやったか 3. やってみてどうだったか  4. まとめ

Slide 4

Slide 4 text

1. Figmとは？

Slide 5

Slide 5 text

Figmaとは - ブラウザ上で動作するデザインツール  - コラボレーションの機能が豊富  - デザインデータの同時編集ができる

Slide 6

Slide 6 text

なんでFigmaでKPT?? エンジニアはどうしても使う機会が少ない  - デザイナー以外を巻き込んでデザインできるようにチームで Figma を導入  - エンジニアにも編集権限（有料）を付与  - ただし、 - デザインツール利用経験がないので、覚えるも大変それなら毎月やっている KPT で使ってみよう！

Slide 7

Slide 7 text

2. どうやってやったか

Slide 8

Slide 8 text

事前準備 (1/2) 参加者の編集アカウント準備 Freeプランだと編集アカウントが２つまで Figma への招待と編集アカウントの付与  という  制限があるので注意

Slide 9

Slide 9 text

事前準備 (2/2) テンプレートを準備する繰り返し使えるようにテンプレートを準備

Slide 10

Slide 10 text

KPT の進め方 1. 各自で自分の Keep と Problem を書き出す  2. 書き終わったら１人ずつ発表 3. 発表時間などを使って書記が KP を１箇所に  　まとめる 4. Problem に対して Try 話し合い書き出していく

Slide 11

Slide 11 text

ぷちデモ

Slide 12

Slide 12 text

3. やってみてどうだったか

Slide 13

Slide 13 text

メリット - 記事録を後から書き起こす必要がない  - Figma の操作練習になる  - レイアウトなどを自由に編集できる   - AutoLayout のおかげで編集しやすくなった - リモートでもKPTに参加できる - 単純におもしろい

Slide 14

Slide 14 text

デメリット - ３人以上でやる場合は課金が必要 - Figma 操作に慣れている人がいないと最初は大変 - 人数が増えてくると付箋のように全体を俯瞰して   みるのは少し難しいかも

Slide 15

Slide 15 text

まとめ

Slide 16

Slide 16 text

まとめ - Figmaを使ったKPTはあり！  - 楽しいくて後からまとめる手間もない   - チームの人数やFigmaの導入有無によっては付箋や   他のツールの方が便利かも