いつもデザイン修行する時も会社でもXD使ってるけど、Figmaも使ってみたい
Figma
WebでXDみたいにデザインできる。共有やコラボレーションが簡単なのが良さそう!
実は昔卒論用の図を書くのに使ったり、誰かが配布しているプロジェクトを見たりはした。
懐かしい・・・
作成
新しいの作る。
xdでいうアートボードはフレームっていうんだ。
基本的な操作はXDと同じ感じ〜すぐできそう
数値は矢印で変えられるのいいね!Unityと同じ。XDはできない;;
ただ、矢印出すにはコツがいる
角丸
角丸できた(大事)
画像
画像はドラッグで入れれた。
お馴染みの効果もかけられる
ダブルクリックしたら切り取りとか、薄さ変えたりとかもできた
エフェクト
ドロップシャドウとかぼかしもできる
Inner shadow
複数つけられるから、ニューモフィズムっぽいのが簡単にできる
楽しい
Background blurは透明度が低くないとかからない。
色・塗りつぶし
色はデフォルトで塗りつぶしのみ、線がつかないのいい!
謎だったのは一つのオブジェクトに二つの色が含まれていたこと
塗りつぶし方法は色々あった!線
円
ぐるん
ダイアモンド!
模様!!
ここら辺はXDより強い!すご
文字
サイズを変えるには、フォントサイズを変えるしかない。
XDは枠を大きくしたらそれに追従したけど、そういう設定もできるのかな?
フォント
フォントは色々入ってるけど、プレビューできないからどんなフォントかわからない!
これはXDと一緒か・・・辛いんだよな〜
このプラグイン入れたら見れる!
日本語フォントはNoto
おおー
日本語のフォントだけを選べる Figma プラグインを作りました。
— seya (@sekikazu01) 2021年3月17日
「Figma で使えるあの日本語フォントなんだっけ…」という時にお使いください!https://t.co/jV63eQerwX
入れた
プラグインはここから使う
ヒラギノ、M+、さわらび、Notoぐらいしかないんだね・・・
Youtubeのサムネつくるには少し辛いかも?
書き出し
右下のExportから書き出し
4種類ある
プラグイン
【2020年版】デザインツールFigmaの年間ベスト・プラグイン42個まとめ - PhotoshopVIP
最後に
XDをイラレ代わりにめちゃくちゃ使ってたけど、フォント以外は代わりになりそう〜
これから使っていこ!ここまで似たような感じだとツールはあまり問題ではなさそうだけど
最近この二つ買ったので、これをもとにデザイン修行再開したい