![見出し画像](https://assets.st-note.com/production/uploads/images/83290473/rectangle_large_type_2_2eabcdf1930c5564a9e9016d8c07039f.jpeg?width=1200)
【デザイナー向け】GoogleChromeおすすめ拡張機能
こんにちは!
暑くなってきて外に出るのが本気で嫌なporiです。
家にこもっていたい。。
今日はChromeで使っているデザイナー向け、おすすめの拡張機能を紹介していきます!
会社でMacBookを使うようになってからは
ブラウザは基本的にGoogle Chromeです。
(検証ツールなど見やすいし便利!)
【Google Chromeでの検証ツール追加の方法】
Chromewebストア(https://chrome.google.com/webstore/category/extensions)でGoogleアカウントにログインをして、追加したい拡張機能のページを開き「Chromeに追加」を押すだけ!
![](https://assets.st-note.com/img/1658651169783-1UvqsUDwJm.png?width=1200)
①ColorPick Eyedropper
こちらは画面上にある色をスポイトでとることができます。
画面上で気に入った配色がどんな色か数値的に分かります。
![](https://assets.st-note.com/img/1658651156382-EdBVR1sng9.png?width=1200)
②Mate Translate – 翻訳、辞書
翻訳機能の拡張機能になります。
これまでターミナルのエラーや、class名の命名のたびにブラウザで「○○ 英語」というあほ丸出しの検索をたびたびおこなっておりました。。笑
拡張機能を入れることで検索の時短になりますし、恥ずかしい履歴を残すことなく英訳・日本語訳できます!!
![](https://assets.st-note.com/img/1658651484903-K0sOl6ehox.png?width=1200)
③WhatFont
サイトのテキストにカーソルを合わせるとfont-familyが表示されます!
拡張機能でも確認できますが、さらに素早く確認することで時短ですね。
今回はデザイナーの方向け、おすすめのChrome拡張機能を3つ紹介しました!
他にもおすすめの拡張機能があったらぜひ教えてください〜!
この記事が気に入ったらサポートをしてみませんか?