ページ全体をキャプチャーするのに欠かせないGoogle Chrome拡張ツール

COLUMN コラム

こんにちは！

私個人としては今回が2回目の投稿になります。

webデザインの競合分析において、私が必ず利用しているGoogle Chromeの拡張機能を1点ご紹介します。

それは「GoFullPage」です！

リンクは下記になります。

https://chromewebstore.google.com/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?hl=ja

GoFullPageはページ全体をキャプチャーし、png形式等でダウンロードができます。

Figma等のデザインツールに貼って横並びで見れますので、私は競合分析を行う際に使っています！

※鮮明なデータとして貼り付ける場合、FigamではFigma内のプラグイン「insert big image」を使用することをオススメします。

1点ポイントがあり、一度キャプチャーしたいページ全体を下端までスクロールしてからキャプチャーを開始すると良いです。

この理由はアニメーションの設定でスクロールしないと表示されないセクションなど、それらを一度表示させてからキャプチャーをするという順番にしないと非表示扱いでキャプチャーされてしまいます。

非常に簡単なのでぜひお試しください！