Using figma is a good thing

Transcript

1. エンジニアがFigmaを使ったら幸せになった話
2. 5 所d 5 クラスメソッド株式会社
 AWS事業本部コンサルティング部
 ソリューションアーキテク$ 5 趣 5 ラジオ、散歩、 5 よく使うフリー素T 5 いらすと@ 5 フキダシデザイン 与那嶺 創（よなみね そう） ピザのアイコンでブログ書いてます 自己紹介
3. アジェンダ 6 What is Figm$ 6 業務でデザインツールを使う時場" 6 私がデザインツールに求めるこB 6 Figmaのいいとこ 6 まとめ
4. このスライドもFigmaで作りました！
5. What is Figma？ draw.io Cacoo デザインツール よく比較されるデザインツール (私目線)
6. 業務でデザインツールを使う時場面 0 AWS構成図の作2 0 ブロ& 0 資料作2 0 他人との認識合わA 0 etc...
7. 私がデザインツールに求めること 7 脳でイメージしたことを簡単に表現できA 7 よく使う機能にショートカットが用意されてい& 7 画像を細かく調整できる（表現の幅が広い 7 人にすぐ共有できる
8. 私がデザインツールに求めること c 脳でイメージしたことを簡単に表現できg c よく使う機能にショートカットが用意されている →矢印、文字入力、拡大縮小、複製、位置調整、et& U 細かく調整できる（表現の幅が広い） →トリミング、透過度、文字幅、et& U 人にすぐ共有できる
9. Figmaを使う前のデザインツールに対するイメージ デザインツールって イメージ通りに動かない！ イライラする！
10. Public Subnet Public Subnet Private Subnet Private Subnet AZ-1a AZ-1c EC2 EC2 Internet Gateway ELB 例えば...
11. Public Subnet Public Subnet Private Subnet Private Subnet AZ-1a AZ-1c EC2 EC2 EC2 Internet Gateway ELB これを上に動かしたい
12. Public Subnet Public Subnet Private Subnet Private Subnet AZ-1a AZ-1c EC2 Internet Gateway ELB 枠が上に動いた！？ EC2
13. イメージしている通りに動かない！
14. Figmaを使うとこういったことが少ない （個人的な感覚値） ぜひ、帰ったら触ってみてください！
15. t 他にも... アイコンが大きくなったり、小さくなったりするのを表現したい 皆さんならどうしますか？
16. 大きくなってる気がしませんか？
17. 増減しているように見えませんか？
18. 脳でイメージしたことを具現化ができる イメージ Figma 具現化 つまり
19. Figmaを便利に使うために
20. t 画像は極力SVG形式を使う SVGとは？：ファイル形式の1つ goodポイント：引き伸ばしても画像が潰れない、加工しやすい つぶれない
21. t 自分だけのアイコン集を作る よく使うアイコンを集めるだけのFigmaファイルを1つ作る
22. ] L t ショートカットを使う よく使う機能のみショートカットを使う 最初から全部覚えようとしない！！ この操作よくするな... となったらショートカットを調べる オススメ！！ [ (エル) l
23. t 使いこなさない 色々な機能があるけど、自分に必要な機能だけを覚える 自身にとって最適な使い方ができればそれでOK！！
24. t Figmaを使って脳内イメージを共有しよう
25. t Figmaを使いこなせば 人とのコミュニケーションがうまくいき きっと幸せになれるはず！
26. おわり t