Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Using figma is a good thing
Search
Yona
October 29, 2024
1
570
Using figma is a good thing
Yona
October 29, 2024
Tweet
Share
More Decks by Yona
See All by Yona
Easy choice of IaC
yonasou
1
270
Illust_Terraform
yonasou
0
2.2k
re:growth 2024
yonasou
0
400
IoT_Greengrass_Begginer
yonasou
0
260
Grafana_IoT_Data_DataLake
yonasou
0
810
terraform_module_ Beginner
yonasou
10
170k
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Visualization
eitanlees
146
16k
A designer walks into a library…
pauljervisheath
207
24k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Six Lessons from altMBA
skipperchong
28
3.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
280
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
820
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Transcript
エンジニアがFigmaを使ったら幸せになった話
5 所d 5 クラスメソッド株式会社 AWS事業本部コンサルティング部 ソリューションアーキテク$ 5 趣 5 ラジオ、散歩、
5 よく使うフリー素T 5 いらすと@ 5 フキダシデザイン 与那嶺 創(よなみね そう) ピザのアイコンでブログ書いてます 自己紹介
アジェンダ 6 What is Figm$ 6 業務でデザインツールを使う時場" 6 私がデザインツールに求めるこB 6
Figmaのいいとこ 6 まとめ
このスライドもFigmaで作りました!
What is Figma? draw.io Cacoo デザインツール よく比較されるデザインツール (私目線)
業務でデザインツールを使う時場面 0 AWS構成図の作2 0 ブロ& 0 資料作2 0 他人との認識合わA 0
etc...
私がデザインツールに求めること 7 脳でイメージしたことを簡単に表現できA 7 よく使う機能にショートカットが用意されてい& 7 画像を細かく調整できる(表現の幅が広い 7 人にすぐ共有できる
私がデザインツールに求めること c 脳でイメージしたことを簡単に表現できg c よく使う機能にショートカットが用意されている →矢印、文字入力、拡大縮小、複製、位置調整、et& U 細かく調整できる(表現の幅が広い) →トリミング、透過度、文字幅、et& U
人にすぐ共有できる
Figmaを使う前のデザインツールに対するイメージ デザインツールって イメージ通りに動かない! イライラする!
Public Subnet Public Subnet Private Subnet Private Subnet AZ-1a AZ-1c
EC2 EC2 Internet Gateway ELB 例えば...
Public Subnet Public Subnet Private Subnet Private Subnet AZ-1a AZ-1c
EC2 EC2 EC2 Internet Gateway ELB これを上に動かしたい
Public Subnet Public Subnet Private Subnet Private Subnet AZ-1a AZ-1c
EC2 Internet Gateway ELB 枠が上に動いた!? EC2
イメージしている通りに動かない!
Figmaを使うとこういったことが少ない (個人的な感覚値) ぜひ、帰ったら触ってみてください!
t 他にも... アイコンが大きくなったり、小さくなったりするのを表現したい 皆さんならどうしますか?
大きくなってる気がしませんか?
増減しているように見えませんか?
脳でイメージしたことを具現化ができる イメージ Figma 具現化 つまり
Figmaを便利に使うために
t 画像は極力SVG形式を使う SVGとは?:ファイル形式の1つ goodポイント:引き伸ばしても画像が潰れない、加工しやすい つぶれない
t 自分だけのアイコン集を作る よく使うアイコンを集めるだけのFigmaファイルを1つ作る
] L t ショートカットを使う よく使う機能のみショートカットを使う 最初から全部覚えようとしない!! この操作よくするな... となったらショートカットを調べる オススメ!! [
(エル) l
t 使いこなさない 色々な機能があるけど、自分に必要な機能だけを覚える 自身にとって最適な使い方ができればそれでOK!!
t Figmaを使って脳内イメージを共有しよう
t Figmaを使いこなせば 人とのコミュニケーションがうまくいき きっと幸せになれるはず!
おわり t