ガイド
2026年8月30日 · 2026年9月15日 更新

ログイン済みのWebページをFigmaに取り込む

Chromeで対象サイトにログインし、管理画面や開いたメニューをキャプチャしてFigmaに取り込みます。画面の準備から取り込み後の確認まで解説します。

画面を準備する

Chromeでログインし、必要なメニューやパネルを開きます。画像とデータの読み込みを待ってください。仮想スクロールの表は表示外の行を削除することがあるため、必要な範囲を分けてキャプチャします。

取り込み方法を選ぶ

開いている画面は直接キャプチャします。別のページはURL欄にドメインを入力すると、同じChrome環境で新しいタブが開きます。ログインや操作が必要なら、画面確認後にキャプチャする設定を選びます。URL入力が必ずサーバー処理を意味するわけではありません。

Figmaで確認する

Snaptureプラグインに貼り付けるか、保存したファイルをドロップします。まず見出し、画像、開いたパネルを原本と比較してください。不要な個人情報はキャプチャ前に除きます。取り込んだ内容にはFigma文書の保存・共有設定が適用されます。セッションCookieは渡さないでください。

Snapture · Privacy ↗

自分のページで試す 毎月10回まで無料。毎月リセットされます。 カードもアカウントも不要

English · 한국어 · 日本語 · 简体中文 · 繁體中文 · Español · Português · Français · Deutsch · Русский · Italiano · Bahasa Indonesia · ไทย · Tiếng Việt · Türkçe · Polski · Nederlands · Українська · हिन्दी

あわせて読む

Webページの取り込み後にFigmaの配置がずれたら Figmaに取り込んだアイコンが欠けているとき
ホーム ガイド サポート