design
業務上で役立つツール10選
デザイン作業において便利なツールを紹介します。主に皆さんから紹介いただきましたものを紹介します。
ちょっとしたこともショートカットすることで、時間短縮して正確に作業できるので、ぜひ参考にしてみてください。
clibor(クリボー)
![](https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/38ad913f4fe54768bb95af07c90f8b2d/01-2.jpg)
コピペした文章を履歴として残せるツール(WFのコピペに便利です)
テーブルや複数テキストを流し込む際などに便利です!
https://www.vector.co.jp/soft/winnt/util/se472890.html
QTTabBar
![](https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/e2fc560fec404bb494cc74c2fa19faa9/02-1.jpg)
Windowsフォルダをタブで管理できます。
複数開く必要がなくなるので超便利。
http://qttabbar-ja.wikidot.com/
OneTab(chrome拡張機能)
![](https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/fa2b5bc544b9457a9a466c0e06c42713/03-1.jpg)
大量に開いたタブの管理に便利、一覧にして表示してくれます。
https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall?hl=ja
ColorZilla(chrome拡張機能)
![](https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/b1dfb3e93d8d41b2bb3ae3217cc67335/04-1.jpg)
ブラウザ内のカラーコード取得ができます。
Photoshopのカラーピッカー引っ張ってもできますが、開いてないときにパパッとできるので重宝します。
https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp/reviews?hl=ja
SearchPreview(chrome拡張機能)
![](https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/fd710a7820e4413fb08619bc6df2329c/05-1.jpg)
Google検索結果にサムネイルをつけてくれるChrome拡張機能です、
検索の制度が上がり、とっても見やすくなります。
https://chrome.google.com/webstore/detail/searchpreview/hcjdanpjacpeeppdjkppebobilhaglfo
QRコード作成器 (Quick QR)(chrome拡張機能)
![](https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/fa5e681cbabd4d88916e10511ab72e8e/06-1.jpg)
Chrome上でQRコード作成できるツールです。
ページをそのままQPコードにすることができるので、スマホ等実機で確認するときに重宝します。
https://chrome.google.com/webstore/detail/qr-code-generator/afpbjjgbdimpioenaedcjgkaigggcdpp
FireShot(chrome拡張機能)
![](https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/dfc0436a84954bb19a796a4cce4748fc/07-1.jpg)
ページ全体のキャプチャが作成できるツールです。
キャプチャベースでデザイン作ることもあるのでとっても便利。
Awesome Screenshot App(chromeアプリ)
![](https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/945e277b3a5f4919ad4a3d2c2ce2f527/08-1.jpg)
こちらもキャプチャツールですが、
Photoshopを立ち上げずにさっと編集編集できるツールです。
画像を共有して作業する時にあると便利です。
Quick Look
![](https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/232f297979204c6b9d12bd20b69be5f5/09-1.jpg)
ファイルをSpaceキーで選択すると簡単にプレビューができます。
(Photoshopファイル、PDFも対応しています。)
WhatFont
![](https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/464e776fbea84cae8f42d7652b6e640c/010-1.jpg)
ブラウザのフォントを簡単に調べることができるツールです。
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm/related?hl=ja
今回紹介したのは以上ですが、他にも便利なツールは山ほどあります。
業務効率が上がるので、プラグイン等どんどん試してみるのがいいかもしれませんね!