ブログ

2019.04.19
デザイン

Webデザイナーの方にオススメ!Webサイト制作業務を爆速化するGoogleChrome拡張機能6選

Webデザイナーの皆さん、GoogleChromeの拡張機能は使っていますか?
実は、拡張機能を使えば、Webサイト制作を爆発的に効率化することができるんです。

昨今の働き方改革で「制作時間が短くなって大変!」という方は、ぜひ拡張機能を使ってみてください。

今回は、Webデザイナーさんの業務効率化にオススメの拡張機能をご紹介いたします。
「拡張機能?もちろん使ってるよ」という方にも、新しい拡張機能との出会いがあれば嬉しいです。

それでは早速ご紹介していきます!

オススメGoogleChrome拡張機能

Palette Creator

Palette Creator

Webサイトの写真の上で右クリックするだけで、カラーパレットを表示・確認することができます。

Chromeウェブストア

Dimensions

Dimensions

表示されている要素ごとの距離を瞬時に表示してくれる、とても便利なツールです。

Chromeウェブストア

Lightshot (screenshot tool)

Lightshot (screenshot tool)

画面のスクリーンショットを簡単に撮影でき、文字や吹き出しなどを追加したりできます。

Chromeウェブストア

CSS Peeper

CSS Peeper

Webサイト内の要素をクリックすることで、パディング・マージン・フォント・色・幅・高さ・などを調べることができます。

Chromeウェブストア

WhatFont

WhatFont

Webサイト上のテキストのfont-familyを確認することができます。

Chromeウェブストア

WhatRuns

WhatRuns

Webサイトに使用されているツール・フレームワーク・プラグイン・ライブラリ・などをチェックできます。

Chromeウェブストア

まとめ

WebデザイナーさんにオススメのGoogleChrome拡張機能を6つご紹介しました。

インストールするだけですぐに使えますので、気になる拡張機能があればぜひ使ってみてください。

きっと、あなたのWebサイト制作ライフがよりハッピーになると思います!

一覧に戻る

関連記事

登録不要・完全無料

「修正依頼」を出してみる