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
240
IoT_Greengrass_Begginer
yonasou
0
200
Grafana_IoT_Data_DataLake
yonasou
0
590
terraform_module_ Beginner
yonasou
6
80k
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Into the Great Unknown - MozCon
thekraken
35
1.6k
What's in a price? How to price your products and services
michaelherold
244
12k
Gamification - CAS2011
davidbonilla
80
5.1k
Designing for humans not robots
tammielis
250
25k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
A better future with KSS
kneath
238
17k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
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