Figmaの使い方｜アカウント作成とコメント機能
ホームページ制作の確認作業に「Figma（フィグマ）」というデザインツールを使います。
アカウントは無料で作成でき、インストール不要でブラウザから使えます。
STEP
Figmaアカウントの作成方法
STEP
アカウント登録
【パターンA】メールアドレスで登録
- メールアドレスを入力して「Sign up」をクリックします。
- Figmaから確認メールが届くので、メール内の「Confirm email」ボタンをクリックしてください。
【パターンB】Googleアカウントで登録（Gmailをお持ちの方はこちらが簡単）
- 「Googleで続行」をクリックします。
- 使用したいGoogleアカウントを選択するだけで登録完了です。
STEP
名前・利用目的の設定
- 名前を入力してください
※フルネームでなくてもOKですがコメントでわかるようなお名前でお願いします - 利用目的は「Other」または「Design」を選択して進めてください。
STEP
アカウント作成完了
- ダッシュボード画面が表示されたら完了です。
- ブラウザのブックマークに追加しておくと次回から便利です。
⚠️ よくある質問・注意点
- 「有料プランへの誘導画面が出た場合」
→ 無視してスキップ可能です。今回の作業は無料プランで問題ありません。 - 「確認メールが届かない場合」
→ 迷惑メールフォルダをご確認ください。 - アカウント作成後、担当者（今田）に登録したメールアドレスをお知らせください。
閲覧URLをお送りします。
STEP
Figmaで確認コメントを入れる方法
デザインの確認は、Figmaのコメント機能を使って行います。
修正してほしい箇所に直接ピンを立ててコメントを入れられるので、「〇ページ目の上から3番目の…」のような説明が不要になります！
担当者から送られたURLを開く 🔗
- 担当者からメールまたはチャットで「FigmaのURL」が送られてきます。
- URLをクリックするとブラウザでFigmaが開きます。
- ログインが求められる場合は、Chapter 1で作成したアカウントでログインしてください。
2
コメントモードに切り替える 🔧
- 画面上部のツールバーにある「💬（吹き出しアイコン）」をクリックします。
- または、キーボードの「C」キーを押しても切り替わります。
- マウスカーソルが「+」マークのアイコンに変わればOKです。
3
コメントをつけたい場所をクリック 📍
- デザイン上の「気になる箇所」や「修正してほしい箇所」をクリックします。
- クリックした場所にコメント入力ボックスが表示されます。
4
コメントを入力して送信 ✍️
- テキストボックスにコメントを入力します。
- 入力後、右側の「送信（→）ボタン」または Ctrl+Enter（Macはcommand+Enter）で送信します。
- コメントがピン（📍マーク）として画面に表示されます。
5
コメントを確認・返信する 💭
- 画面右側にコメント一覧が表示されます。
- 担当者からの返信も同じ場所で確認できます。
- 返信するには、コメントをクリックして「Reply」欄に入力してください。
✅ コメント解決済みにする方法
修正が完了して確認できたら、コメント右上の「✓（チェック）」をクリックして「Resolve（解決済み）」にしてください。
💡 コメントのコツ・注意点
- できるだけ「1コメント＝1箇所」の修正依頼にするとスムーズです。
- 「〇〇のような感じに変えてほしい」など、具体的なイメージを書いてもらえると助かります。
- コメントは後から編集・削除もできます（コメントの「…」メニューから）。
