Webデザイナーの仕事効率をアップする、デスクトップツール25選

デスクトップで使えるデザインツールはさまざまですが、みなさんはどのようなツールを使っているでしょうか。

今回は、デザイナーのみなさんにぜひ使ってほしい、便利なツールを25個紹介します。

1. Designers by Muzli

世界中のデザイナーの作品を閲覧することができます。デザイナーリストに登録すれば、自分の作品を公開することもできます。

Muzli
Designers by Muzli

2. Typeface App — Font Manager for Mac

あなたが作ったWebサイトのデザインにあうフォントを見つけることができます。

フォント
Typeface App — Font Manager for Mac

3. LOLCOLORS

配色パターンの紹介しているWebサイトです。

LOL colors
LOLCOLORS

4. Craft by InVision LABS

『Sketch』と『Photoshop』で、プロトタイピングができる拡張機能です。

CRAFT
Craft by InVision LABS

5. HeyUser

ユーザーを定着させるための鍵であるオンボーディングデザインのアイディアを見つけられるビデオギャラリーです。

HeyUser
HeyUser

6. UX Timeline, back to the past!

現在インターネット業界で注目されている会社の略歴が見るサイトです。どのようにサービスを発展させてきたかを知り、先人に学ぶことができます。

UX TIMELINE
UX Timeline, back to the past!

7. Photype

写真素材の検索、トリミング、テキストの当て込み作業ができるツールです。

PhoType
Photype

8. Coolors

簡単にカラースキームを生成できるツールです。

Coolers
Coolors

9. The Noun Project for Mac

誰でも理解できるようなアイコンを構築するのに役立つツールです。さまざまなアイディアが詰め込まれています。

The Noun Project
The Noun Project for Mac

10. Iconjar

アイコン素材を簡単に見つけ、使うことができるツールです。対応形式は「SVG」「PNG」「GIF」のみ。

Icon Jar
Iconjar

11. UX Check

Webページのヒューリスティック評価を簡単に行うことができる、Chrome拡張機能です。

UX Check
UX Check

12. Introducing Resizer

デスクトップ、スマートフォン、タブレットそれぞれのスクリーンに適応する、マテリアルデザインの最大幅をインタラクティブにテストできるツールです。

Introducing Resizer
Introducing Resizer

13. Webydo

コードを使わずに使える、シームレスなWebデザインプラットフォームです。

Webydo
Webydo

14. What’s New | Adobe Muse CC

コードを使わずに簡単にレスポンシブWebサイトを作ることができるツールです。デバイスが多様化する今、レスポンシブデザインを叶えることは絶対不可欠です。

What's New
What’s New | Adobe Muse CC

15. Reflector

モバイル端末とコンピュータをミラーリングできます。

Reflector
Reflector

16. InVision

チームでコミュニケーションを取りながら使用できる、プロトタイピングツールです。

InVision
InVision

17. Webflow

コードを使わずに、プロが作ったようなレスポンシブWebサイト作ることができます。オウンドメディア運用の社内リソースがない場合でも、低コストで運用できるでしょう。

Webflow
Webflow

18. Canva

グラフィックをWeb上で作成できるツールです。

Canva
Canva

19. Picwizard

10万枚のフリー写真を掲載しているフリー写真サイト。人やオフィス、ミーティングなどの素敵な写真がたくさん掲載されています。

Picwizard

Picwizard

20. Pexels

無料の写真素材がストックされているWebサイトです。雰囲気のいい、高品質な写真がたくさんありますよ。

Pexels
Pexels

21. Frontify

無料でスタイルガイドを作成することができます。所要時間はなんと……たったの5分!

Frontify
Frontify

22. Free stock videos

フリー映像素材を探すことができるWebサイトです。素材はすべて商用使用可能です。

Free stock videos
Free stock videos

23. Placeit

パソコン・スマホ・タブレットのスクリーンに画像をはめ込むことができるツールです。

Placeit
Placeit

24. Flaticon

ベクターアイコンのフリー素材 を見つけることができるWebサイトです。SVG、PSD、PNG、EPS形式でダウンロードすることができます。

Flacticon
Flaticon

25. Sketch

Macユーザーのための、WebサイトやアプリのUIのデザイン作成ツールです。

Sketch
Sketch

まだ使ったことのないツールがありましたか?

気に入ったものがあれば、チームメンバーにもシェアしてください。

(翻訳:Akiko Ogita)

SHARE

RELATED

  • お問い合わせ
  • お問い合わせ
  • お問い合わせ