現役10年のデザイナーが、今一番人気なデザインツールのFigma(フィグマ)の使い方を解説します。今回は、初めてアカウント作成するところから、コメント入力して返信きたら気付けるようになるところまで丁寧に解説します。モチベーション:Figmaでコメントできれば制作の時短に。デザイン制作において、依頼人とデザイナー二者間のコミュニケーションに最も時間がかかります。MTGや電話は欠かせませんが、細かな修正点を伝えようとすると、紙に印刷して赤ペン入れて写真を送りつけて・・・と、どうしても時間がかかってしまいます。Figmaなら、具体的にデザイン個所に対してコメントを残せるため時間効率が良いです。WEBやAPPなどデジタル領域ではAdobeを抜いて一番人気で、デザイナーにとって便利な機能が多いため、これからもFigmaは使われるでしょう。今のうちにFigmaに触れておくことをオススメします。ステップ1アカウント作成はGoogleアカウントでOKまず最初にFigmaでアカウントを作りましょう。こちらのURLからFigmaを開いてください。http://figma.com/右上からアカウントを作成ください。Googleアカウントでも登録できます。Account」で登録して次へ。Figmaのホーム画面、ファイルの一覧が表示されます。teamの入力や色々とチュートリアルが始まりますが、一旦無視してOKです。own(自分のペースで始める)」ホーム画面はデザイナーが使うものになりますが、過去に開いたデザインデータはここに表示されるので、覚えておくと良いでしょう。ステップ2Figmaのリンクを開くデザイナーから共有されたFigmaのリンクを開きましょう。found」などデザインが見れなかった場合は、先ほど作成したアカウントでログインしてください。デザインの画面を開けたでしょうか?画面の見方ですが、基本的には丈夫のツールバーと、真ん中のキャンバスのみ使います。ちなみに左がレイヤーパネル、右がプロパティーパネルですが、コメントを記入するだけなら無視でOK。ステップ3スワイプ・ピンチでデザインを見るデザインデータが開けたら、デザインをチェックしましょう。今回は、当ブログのロゴを制作依頼した場合を想定してます。スマートフォンと同様に、パソコンのトラックパッドをスワイプすれば、キャンバスの見れる範囲が移動します。ピンチイン・アウトで拡大縮小ができます。この操作で、Figmaのキャンバスの好きな部分を見ることができます。全体像を引きで見たい場合です。ピンチインしましょう。ディテールを見たい場合です。ピンチアウトしましょう。ステップ4コメント機能は「Comment」の「C」デザインを見て、どういったコメントをするか考えられましたか?気になった部分にコメントしてみましょう。使うのは「コメントツール」だけ。キーボードの「C」を押しましょう。CommentのCです。上部のツールバーの吹き出しアイコンの色が変わり、マウスカーソルがピンに変わったのが分かるかと思います。これでコメントを入力できるモードになりました。あとはコメントしたい箇所にピンを置くため、クリックしてみましょう。comment」「Cancel」「Post」と読めると思います。commentをクリックして選択。文字を入力すると「Post」の色が変わります。クリックすることでコメントの投稿が完了できます。ステップ5返ってきたコメントを確認する初めてコメントを投稿すると、「Notifications」が右上に表示されます。デザイナーや他の人のコメントを、どこまで通知するか決めることができます。yours」を選びましょう。これでメールが飛ぶようになります。メールだけでなく、Figmaでもコメントを確認できます。コメントツール(C)を利用しているときに、画面右に履歴が表示されます。未読なものは青色に変わります。メール通知を辞めたい場合は、一度ホーム画面に戻って設定変更します。files」で戻れます。users」のチェックを外すと、メール通知が止まります。いかがだったでしょうか?Figmaでコメントして、デザイナーと二人三脚、より良いものを生み出していきましょう。おまめ【ネタバレ】シン・エヴァンゲリオンお疲れ様でした。おまめ生きづらい世の中を生きぬくために。HSP・ADHD・占いで自分を知り人生を取り戻していく。個人開発者・ブロガー・デザイナー。夫婦でサイドFIRE目指してます。©︎OMAME&NYANCHU。