この記事は2分で読めます

【Chrome】WebデザイナーにおすすめのGoogle Chrome拡張機能4選

  • 投稿日
  • 更新日

あとで読む

【Chrome】WebデザイナーにおすすめのGoogle Chrome拡張機能4選

Google ChromeにはWeb制作に役立つ拡張機能がたくさんあります。

しかし数が多すぎてどれを使えばいいのかわからない。。。

そこで今回は、Webデザイン向けのGoogle Chromeのおすすめ拡張機能をご紹介します。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

Awesome Screen Recorder&Screenshot

Awesome Screen Recorder&Screenshotは、Webページのスクリーンショットや、スクリーンレコーディングが簡単にできる拡張機能です。リモートワーク時に、技術的な問題の報告や、チュートリアル動画の作成などで画面を共有したい時に役立つ機能がたくさんあります。

録画にあなたの声を含めたり、ビデオやスクリーンショットに注釈を入れたり、スクリーンショットの重要な部分をハイライトしたり、機密情報をぼかしたりできる便利な機能がたくさんあります。SlackやTrelloなどの情報共有ツールで、簡単に共有することもできます。

Awesome Screen Recorder&Screenshot

ColorZilla

ColorZillaは、サイト上で使用されている色をその場で抽出できる拡張機能です。ページからカラーコードを読み取るスポイト機能の他に、取得したカラーコードを保存できる機能などがあります。ヘッダーなどの要素の色を確認できる他に、画像からも色の抽出ができます。他のサイトの色使いを参考にする時に便利です。

ColorZilla

Image Downloader

Image Downloaderは、開いているウェブページ上の画像を一括で閲覧、ダウンロードできる拡張機能です。 画像の幅や高さを調整したり、絞り込むことも可能です。ウェブページの閲覧時に、複数の画像をダウンロードしたいけど、1つ1つ保存するには数が多過ぎる!というときにとても便利です。

Image Downloader

Fonts Ninja

Fonts Ninjaは、ウェブサイトで使われているフォントにカーソルを合わせるだけで、下記のようなフォントの情報がすぐ分かるとても便利な拡張機能です。

  • フォントの種類
  • フォントのサイズ
  • フォントの間隔
  • 行の高さ
  • フォントの色
  • そのフォントを使用したサンプル入力

他にもフォントの購入ページや、無料フォントであればダウンロードページを表示できます。

Fonts Ninja

まとめ

今回は、Webデザイン向けのGoogle Chromeのおすすめ拡張機能をご紹介しました。

Chromeには他にも便利な機能がたくさんあります。色々試して、みなさんに合った機能を是非見つけてみて下さいね。

この記事を書いた人

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須