デザイナーに役立つ5つのChrome拡張機能

ブラウザーのハンドルとして、Chromeはそのシンプルなページ、スムーズな速度、シンプルな操作で高く評価されています。

しかし、私が好きな理由は、プラグインが多く、ソフトウェアをダウンロードしてメモリを占有する必要がなく、ブラウザで直接使用できるため、あまり便利ではないからです。

今日は、デザイナーが一般的に使用するいくつかのChromeプラグインをお勧めします。

1)全ページの画面キャプチャ

役割:設計参考資料を収集する

リンク:https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl

ここに画像の説明を挿入

長いスクリーンショットツールで、ページ全体を一度にキャプチャします。これは、仕事で非常に役立ちます。デザインの前後のページ比較として、または表示される有用な情報を記録するために使用できます。

同様のプラグインが含まれます:Fireshot

2)ウィンドウリサイザ

役割:画面全体でレスポンシブデザインを確認する

リンク:https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

ここに画像の説明を挿入

Window Resizerを使用すると、ブラウザーでサイズをすばやく切り替えて、さまざまなデバイスでのデザインの外観を確認したり、デザインがデバイスとどのように互換性があるかを理解したりできます。

3.WhatFont

役割:ウェブサイトでフォント名を表示する

リンク:https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm

ここに画像の説明を挿入
デザイナーとして、日々の仕事や生活の中で、見栄えの良いフォントを閲覧するときは、いつも収集を考えていますが、名前がわからないととても不安です。このプラグインは、閲覧しているフォント名を通知します。

4.SnappySnippet

ダウンロードリンク:https://github.com/kdzwinel/SnappySnippet

役割:HTML + CSSをコピーする

ここに画像の説明を挿入

これはWebデザイナーにのみ適用され、WebサイトのHTML + CSSをすばやくコピーできます。

5)Product Hunt Trendingタブ

ダウンロードリンク:https://chrome.google.com/webstore/detail/product-hunt-trending-tab/kfdccmmkggolbggggimdgbfgfgalgkjo?hl=en

機能:新製品リリースの最新状況に遅れないようにする

ここに画像の説明を挿入

このプラグインは、市場に出回っているトップの製品デザインを要約しますが、全体的な数は多くありません。これはより良いと思います。断片化された時間を使用してそれを理解できます。

この記事は、許可されたTitus Decaliによるデザイナー向けの5つの便利なChrome拡張機能から複製および翻訳されています。
元のリンク:https://uxplanet.org/5-useful-chrome-extensions-for-designers-8e01ef903878

おすすめ

転載: blog.csdn.net/Lemonliyi/article/details/106854483