リアルタイムにブラウザ上で共同作業ができる Figma と FigJam をよく使っています。
本記事では便利な Tips をご紹介します。良いものを見つけたら随時更新していきます。
Figma , FigJam とは
Figma はデザインとプロトタイプのためのツールです。
類似のサービスは Adobe XD や Sketch です。
FigJam はホワイトボードツールです。
類似のサービスは Miro です。
両方共、リアルタイムにブラウザ上で共同作業でき、3ファイルまで無料で使えます。
便利 Tips 集
学習
Figma 公式の YouTube チャンネルで学習教材や Tips がたくさんあります。
他にも日本語で解説動画を出している人が多くいますので YouTube で探してみてください。
日本語化
「Figma」が日本語版を発表 初の他言語への正式ローカライズ
言語設定を日本語に更新する方法は次のとおりです。
figma.com にログインし、画面の右下隅にある?マークをクリックします
メニューで [言語を変更] を選択します。
ポップアップモーダルで [日本語] を選択し、[保存] をクリックします。
(2022-07-27 追記)
3rd Party 製のプラグインで日本語化出来るのでこちらも引き続きオススメです。
ショートカット
Ctrl + Shift + ?
でショートカットが出てきます。
スペース
を押している間は選択アイコンと手のアイコンが入れ替わり画面内を移動しやすくなります。
オブジェクト間をつなぐ矢印
は Figma には無いのですが FigJam コピペして持ってこれます。
コミュニティ
Figma / FigJam のコミュニティには、デザイン素材やディスカッション用のテンプレートが数多く準備されています。便利なものをご紹介します。
UI デザイン
Ant Design
Material UI
アイコン
UX デザイン
ブレインストーミング
Crazy 8
PEST 分析
コンセプトマップ
リーンキャンバス
ビジネスモデルキャンバス
エンパシーマップ
ユーザーペルソナ
カスタマージャーニーマップ
サービスブループリント
ストーリーボード
フローチャート
ワークフロー
システム構成図
AWS
Google Cloud
Microsoft Azure
UML
チーム・タスクマネジメント
カンバン
朝会
アジェンダ
1 on 1 ミーティング
プロコン(Pros/Cons)
ふりかえり