本日 Product Hunt に掲載中です! コメントを書く

Chrome に追加

Figma の認証アプリを使う

Figma の二段階認証は、ブラウザ上のものも含め、どの認証アプリでも使えます。Settings(設定)→ Security(セキュリティ)→ Enable two-factor authentication(二段階認証を有効にする)を開き、Figma に表示されるコードを Authenticator 拡張機能で画面から直接スキャンして、6 桁のコードで確認します。

Figma アカウントには、デザインファイル、チームのライブラリ、そしてまだ社外の誰も見ていないプロダクトの作業が入っていることもよくあります。パスワードを手に入れた人は、それを開いたり、コピーしたり、削除したりできます。二段階認証をオンにすると、Figma はログインのたびに認証アプリのコードを求めるので、流出したパスワードや使い回したパスワードだけでは足りません。

Figma で二段階認証を有効にする

Google や会社の SAML シングルサインオンで Figma にログインしている場合、Figma にはあなた向けの二段階認証の設定がありません。2 つ目の手順は Google か会社のログインのほうでオンにします。Governance+ を利用している Figma Enterprise では、組織がすべてのメンバーに二段階認証を必須にできます。

  1. パソコンの Figma ファイルブラウザで、左上の自分の名前をクリックし、「Settings」(設定)を選びます。
  2. 「Security」(セキュリティ)タブを開き、「Enable two-factor authentication」(二段階認証を有効にする)をクリックします。
  3. パスワードを入力し、「Continue」(続行)をクリックします。
  4. Figma がダウンロードできる認証アプリを提案します。もう用意できているので、「Continue」(続行)をクリックします。
  5. Figma にバーコード、つまり QR コードが表示されます。画面に表示したまま下の手順で拡張機能に追加し、拡張機能の 6 桁のコードを入力して「Verify」(確認)をクリックします。
Figma 公式の手順

Figma を Authenticator に追加する

  1. Chrome Web Store から 2FA 認証システム をインストールし、ツールバーに固定して、ワンクリックでアイコンを開けるようにします。
  2. Figma の QR コードが表示されたページは開いたままにします。Authenticator のアイコンをクリックし、「アカウント追加」→「QRコード」→「画面からQRをスキャン」の順に選びます。
  3. アカウントがリストに追加され、30 秒ごとに変わる 6 桁のコードが表示されます。名前は自由に変更できます。名前は自分用の表示にすぎません。
  4. Figma に戻り、表示中のコードを確認欄に入力します。期限切れ間近なら、次のコードを待ちましょう。
  5. Figma で二段階認証が有効になったことが表示されます。以降はログインのたびにコードを求められるので、拡張機能のアイコンをクリックしてコピーしてください。

QR コードがない、またはスキャンできない場合は、Figma の設定画面でキーを手動入力するオプションを探してキーをコピーし、拡張機能の「アカウント追加」→「手動入力」→「シークレットキー」から追加します。

2FA 認証システム を Chrome に追加(無料)

Figma のリカバリーコードを保存する

コードが確認されたら「Continue to recovery codes」(リカバリーコードに進む)をクリックすると、Figma の画面にリカバリーコードの一覧が表示されます。このパソコン以外の場所に保存してください。Figma はパスワードマネージャーや暗号化されたファイルストレージを勧めています。ヘルプにはコードの数も新しいセットの取得方法も書かれていないので、表示されたらすぐに一覧全体を保存しましょう。

コードが受け付けられない場合

原因はほとんどの場合、パソコンの時計です。コードは現在時刻から計算されるため、時計が 1 分ずれているだけで、正しく見えるのに拒否されるコードが生成されます。システム設定で日付と時刻の自動設定をオンにしてください(Windows・macOS・Linux 別の手順はこちら)。

時計が正しい場合は、キー自体を確認しましょう。キーをTOTP コード生成ツールに貼り付け、表示されるコードを拡張機能のコードと比べます。違っていれば、キーのコピーを間違えています。アカウントを追加し直してください。

よくある質問

Figma で使える認証アプリは?
Figma のヘルプは Google Authenticator、Duo Mobile、Authy、Microsoft Authenticator を挙げていますが、標準の 6 桁のコードを生成するアプリならどれでも使えます。Figma の設定ページからコードを直接読み取る Authenticator 拡張機能も同様です。スマホは不要です。
Google で Figma にログインしています。二段階認証の設定はどこにありますか?
Figma にはありません。Google や SAML シングルサインオンの場合、Figma は 2 つ目の手順をログインを担う側に任せています。Google アカウントの2段階認証をオンにするか、会社の IT 部門にログインについて確認すれば、Figma へのログインもそれで守られます。
認証アプリを使えなくなったら?
設定中に保存したリカバリーコードの 1 つを使います。Figma のヘルプにはそれがない場合に戻る方法が書かれていないので、コードを安全な場所に保管し、拡張機能の自動バックアップもオンにしておきましょう。両方なくした場合は Figma サポートに問い合わせてください。
Figma でコードが間違っていると表示されるのはなぜ?
多くの場合、パソコンの時計が 1 分以上ずれています。日付と時刻の自動設定をオンにして、次のコードで試してください。それでも失敗する場合は、古いコードからアカウントを追加した可能性があります。拡張機能から削除し、二段階認証をオフにしてから再度オンにして、新しいコードを追加してください。

ログイン画面から、ワンクリックでコードを

Authenticator は 2FA コードをブラウザ内、お使いのデバイスだけに保存します。利用無料・オープンソースで、アカウント登録もスマホも不要。ローカルバックアップと、任意で使えるパスワード保護も標準搭載です。

2FA 認証システム を Chrome に追加(無料)