見出し画像

デザイナーにおすすめのChrome Extension

デザイナーにおすすめのクローム拡張を紹介します。

一般的な拡張機能

Awesome Screenshot

長いページを一気にスクリーンショット取りたいとき(スクロールスクリーンショット)注釈とかも書き込める

Bitly

短縮URLをサクッと作る

grammarly

英語のつづりをチェックしてくれる。Gmailやnoteを書いているとき(inputしているとき)にリアルタイムでチェックをしてくれる。

デザイン系

Muzli

ナイスなインスピレーションを常に得よう!Chormeを立ち上げたときの初期画面にデザイン系記事が出てきます。(英語)。時間管理には気をつけて。

Fontface Ninja

機能をONにしてカーソルを当てるとそのフォントファミリーがなんなのか、カラーやline-height、サイズもわかるし便利。ただしChormeのデバッカーでも似たようなことできる。

開発系

Wppalyzer

そのページでどういった技術が使われているのかわかる、ただし参考程度に…。
たとえばnoteの記事ページはnuxt、webpack、CDNはcloudfront、作成画面はAngularJS、Highlight.js、moment.jsなどが使われているっぽいなどなどがすぐわかる。

Google Analytics Debugger 

Chromeのconsole画面でGAの挙動をデバッグできる様になる

Tag Assistant

上記と似ているがGTMの動作を確認できる、ページビューの発火など。
上も同じだけど、そのブラウザで見たいGA(GTM)にログインできる権限がないと動作しないので注意。


この記事が気に入ったらサポートをしてみませんか?