Figmaのコメント機能の使い方を紹介!

Figmaのコメント機能の使い方を紹介!

※当ブログでは商品・サービスのリンク先にプロモーションを含みます。ご了承ください。

Figmaのコメント機能を使いこなしたい

この記事は上記の課題に向けて作成しています。

Figmaのコメント機能は複数人で制作する際に良く使用されます。

コメント機能を使いこなすことで制作がより効率化されます。

この記事ではFigmaのコメント機能の使い方を紹介します。

この記事を読むメリット

  • Figmaのコメント機能の使い方がわかる

この記事を書いた人

この記事を書いた僕はこんな人です!

  • 都内制作会社でwebデザイナー・webディレクターとして勤務
  • webデザイナー3年、webディレクター1年目
  • web制作現場で学んだことを発信している人
目次

コメントの投稿する

Figma上でコメントを投稿することが出来ます。

画面中央下にあるツールバーから「コメント」を選択します。

Figmaのツールバーから「コメント」を選択する画面

コメントしたい箇所を選択するとコメントが記入できる様になります。

Figmaでコメントを入力する画面

コメントへ返信する

Figma上にあるコメントは返信することも可能です。

コメントされている箇所を選択すると返信内容を記入する入力ボックスが表示されます。

Figmaでコメントへ返信する内容を記入する画面

記入して送信をクリックするとコメント欄に返信内容が追加されます。

Figmaでコメントの返信が反映される画面

コメントを完了する

コメント内容が解決したら非表示にすることが出来ます。

コメントを表示させ、上にあるチェックマークをクリックします。

Figmaでコメントを完了させる画面

するとコメントが解決済みになり、非表示になります。

Figmaでコメントが完了され、表示されなくなった画面

解決済みで非表示となったコメントは、「解決済みコメントを表示」を選択することで再度表示させることが可能です。ツールバーから「コメント」を選択した状態で「並び替え/フィルター」をクリックすると「解決済みコメントを表示」が表示されます。

コメントを削除する

不要になったコメントは削除することも可能です。

コメントを選択し「コメントのアクション」から「スレッドを削除」を選択します。

Figmaでコメントの「スレッドを削除」を選択する画面

確認用のポップアップが表示されるので「削除」を選択します。

Figmaでコメントを削除する際に表示されるポップアップ画面

するとアートボードからコメントが削除されます。

Figmaでコメントが削除された画面

コメントを非表示にする

コメントを一時的に非表示にすることが出来ます。

コメントがたくさん表示されていると制作時に邪魔になると思います。

非表示にすることで制作に集中することが出来ます。

下のツールバーでコメントを選択した状態で「設定」を選択します。

Figmaでコメントを非表示にする際の設定画面

設定の中にある「コメントを非表示」を選択すると非表示になります。

Figmaの設定で「コメントを非表示」を選択する画面

※「Shift + C」のショートカットでもコメントの表示・非表示が出来ます。

コメントを通知で受け取る

コメントの通知設定を行うことが出来ます。

デフォルトでは通知設定がオンになっています。

Figmaのホーム画面を開きます。

Figmaのホーム画面

左上にあるアカウントメニューから「設定」を選択します。

Figmaのアカウントメニューから「設定」を選択する画面

「通知」のタブを選択するとコメントの通知設定が変更できます。

Figmaでコメントの通知を設定する画面

Figmaのコメント機能は便利で簡単!

Figmaのコメント機能の使い方について説明しました。

コメント機能を使うことで、複数人で開発する際コミュニケーションがスムーズになります。

もしまだ使用していない方がいたら、是非使ってみてください。

Figmaに関する記事はこちら

あわせて読みたい
Figmaでテキストを縦書きにする方法を紹介! Figmaでテキストを縦書きにする方法を知りたい この記事は上記の課題に向けて作成しています。 Figmaでテキストを縦書きに出来たら制作の幅が広がりますよね。 しかし今...
あわせて読みたい
Figmaで波線を作る簡単な方法を紹介! Figmaで波線を作れるようにしたい この記事は上記の課題に向けて作成しています。 Figmaでは簡単に波線を作ることができ、「プラグインを使用する方法」と「パスで一か...
あわせて読みたい
Figmaで画像を切り抜く(トリミングする)簡単な方法! Figmaで画像を切り抜けるようにしたい この記事は上記の課題に向けて作成しています。 Figmaは他のデザインツール同様に画像を切り抜くことが出来ます。 この記事ではFi...
  • URLをコピーしました!
目次