WEBデザインが捗るおすすめのChrome拡張機能 10選

thumbnail_design_chrome_extension

リサーチ、共有、デザイン、開発、制作など普段の仕事が捗るようになる、時短となる仕事効率化におすすめのChrome拡張機能をご紹介。

その中でおすすめを紹介します。

運用・ディレクション系

ページ全体キャプチャ「Nimbus Screenshot & Screen Video Recorder」

chrome_extension_210912_01

ページ全体キャプチャのほか、選択したエリア、ビデオ保存などもできる高機能キャプチャ拡張機能。資料に貼り付けるページのスクリーンショットを撮るのに大変重宝します。

拡張機能を見る

タブURL一括コピー「Copy All Urls」

chrome_extension_210912_10

開いているタブのURLをすべてコピーします。コピーしたURLはペーストで一気にタブで開くことができますがコピーした文字列によって上手く貼り付けられないことがあるのでURL貼り付けは「Pasty」がおすすめです。

拡張機能を見る

URLを一括で開く「Pasty」

chrome_extension_210912_02

コピーしたテキストにあるURLを一気にタブで開くことができます。ざっくりテキストをコピーしても上手くタブで開いてくれるのが便利。

拡張機能を見る

画像サイズを表示「Image info」

chrome_extension_210912_03

マウスオーバーした画像の横幅、縦幅、ファイルサイズをブラウザの左上に表示してくれる拡張機能。わざわざ開発モードにしなくても確認できるのが便利。

拡張機能を見る

ダブルクリックで画像を保存「Double-click Image Downloader」

chrome_extension_210912_04

画像をダブルクリックで保存できます。右クリック→保存の作業を少しだけ効率化。

拡張機能を見る

デザイン・開発系

スマホサイト確認「Responsive Viewer」

chrome_extension_210912_05

スマホサイトを含むレスポンシブの表示を一括で確認できます。

拡張機能を見る

ウインドウ幅変更「Window Resizer」

chrome_extension_210912_06

ウインドウ幅を指定した横幅に変更できます。

拡張機能を見る

Javascript オン・オフ「Quick Javascript Switcher」

chrome_extension_210912_07

Javascriptオン・オフをワンクリックで切り替え。

拡張機能を見る

Cookie編集「EditThisCookie」

chrome_extension_210912_08

クッキーの値などを編集できます。

拡張機能を見る

キャッシュクリア「Clear Cache」

chrome_extension_210912_09

キャッシュをワンクリックで削除。更新の確認などに使います。

拡張機能を見る

  • このエントリーをはてなブックマークに追加

プロフィール

kura

個人開発歴5年以上。サイト開発・運営。 ペアでエンジニアとアプリ開発しています。

このサイトではWEBデザイン初心者向けになるべく分かりやすいように解説したり、WEBデザインの便利ツール紹介、開発したりしています。

note