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
450
Using figma is a good thing
Yona
October 29, 2024
Tweet
Share
More Decks by Yona
See All by Yona
re:growth 2024
yonasou
0
250
IoT_Greengrass_Begginer
yonasou
0
200
Grafana_IoT_Data_DataLake
yonasou
0
600
terraform_module_ Beginner
yonasou
6
81k
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
How to Ace a Technical Interview
jacobian
276
23k
4 Signs Your Business is Dying
shpigford
182
22k
Visualization
eitanlees
146
15k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
330
For a Future-Friendly Web
brad_frost
176
9.5k
Rails Girls Zürich Keynote
gr2m
94
13k
A Philosophy of Restraint
colly
203
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.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