Webデザイナーが毎日使っているGoogle Chrome拡張機能18選【保存版】

調べもの系

ColorZilla

日本語の解説サイト
カラーピッカーです。ブラウザ上で取得できます。気になるあの色のカラーコードが分からなくて、調べるのに時間がかかることがあります。このツールを使えば、そういう時間を短縮できます。

ColorPick Eyedropper

Webサイトで使われている『カラーを調べる』方法【Chrome拡張機能】

WhatFont

気になるフォント名がわかっちゃうツール。フォント名が分からなくて困っている、なんてときに重宝します。

キャプチャ系

FireShot

ウェブページのスクリーンショットをキャプチャします。ウェブサイトのキャプチャにはPrint Screenを使うより便利です。

Full Page Screen Capture

キャプチャ時のパックマンみたいな動きがかわいい！

キャッシュ系

OneTab

日本語の解説サイト
Chromeのブラウザキャシュを簡単に削除する2つの方法＋普通の方法

Clear Cache

EditThisCookie

ブラウザに保存されているクッキーの追加、削除、編集、検索などができます。ブロックもできちゃいます！エンジニアには役立つツールです。

デザイン系

Page Ruler

ブラウザ上でウェブサイトにグリッドをひくことができます。

Window Resizer

ブラウザをデバイスごとの画面サイズへ一瞬で変更します。iPhone5とiPhone6の画面サイズの違いなどをいちいち調べる必要がありません。

Responsive Web Design Tester

CSS Shapes Edito

その他

The QR Code Extension

ウェブページのURLをQRコードにしてスマホなどでそのまま読み込めます。かなり便利。

Appspector

日本語解説サイト
ウェブサイトを開くだけで使用しているCMSやアプリケーションなどの一部情報が分かります。WebエンジニアやWebディレクター向き。

ピンボタン

気に入ったウェブサイトをピンをつけてブラウザに保存できます。

Momentum

タブに魅力的な画像を表示させて気分転換に！

AutoPatchWork

AutoPatchWorkは 分割してるページの続きが同一ページ内に出てくるメチャ便利な機能です。

Share Extensions

日本語の解説サイト
インストール済みの拡張機能の一覧をテキストに保存できる