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

Reflector

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

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

1. Typeface App — Font Manager for Mac

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

フォント
Typeface App — Font Manager for Mac

2. LOLCOLORS

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

LOL colors
LOLCOLORS

3. UX Timeline, back to the past!

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

UX TIMELINE
UX Timeline, back to the past!

4. Coolors

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

Coolers
Coolors

5. The Noun Project for Mac

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

The Noun Project
The Noun Project for Mac

6. Iconjar

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

Icon Jar
Iconjar

7. Webydo

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

Webydo
Webydo

8. Reflector

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

Reflector
Reflector

9. Webflow

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

Webflow
Webflow

10. Canva

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

Canva
Canva

11. Pikwizard

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

Pikwizard

Pikwizard

12. Pexels

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

Pexels
Pexels

13. Free stock videos

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

Free stock videos
Free stock videos

14. Placeit

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

Placeit
Placeit

15. Flaticon

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

Flaticon
Flaticon

16. Sketch

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

Sketch
Sketch

17. Figma(デスクトップアプリ)

Figmaは、WebサイトやアプリのUIデザインを作成できるデザインツールです。公式サイトでmacOSとWindows向けのデスクトップアプリが配布されています。個人向けの無料プランも用意されています。

Figma(デスクトップアプリ)
Figma(デスクトップアプリ)

18. Affinity

Affinityは、ベクター編集・写真編集・ページレイアウトの機能を1つにまとめたデザインアプリです。現在はCanvaが提供しており、個人は無料で利用できます。MacとWindowsに対応しており、ダウンロードにはCanvaアカウントでのログインが必要です。

Affinity
Affinity

19. GIMP

GIMPは、無料で使えるオープンソースの画像編集ソフトです。Windows・macOS・Linuxに対応しており、2026年9月にはバージョン3.2.6が公開されています。

GIMP
GIMP

20. Krita

Kritaは、無料で使えるオープンソースのペイントソフトです。Windows・macOS・Linuxに対応しており、Webサイトに載せるイラストや手描き風の素材を作るときに使えます。

Krita
Krita

21. Visual Studio Code

Visual Studio Codeは、Microsoftが提供している無料のコードエディターです。Windows・macOS・Linuxに対応しており、HTMLやCSSのコーディングに使えます。

Visual Studio Code
Visual Studio Code

22. Eagle

Eagleは、画像やデザインの参考資料を集めて整理できる素材管理アプリです。WindowsとmacOSに対応しており、買い切り型のライセンスで購入できます。30日間はすべての機能を無料で試せます。

Eagle
Eagle

23. FontBase

FontBaseは、デザイナー向けのフォント管理アプリです。Mac・Windows・Linuxに対応しており、基本機能は無料で使えます。Google Fontsのフォントもワンクリックで有効にして使えます。

FontBase
FontBase

24. PowerToys

PowerToysは、Microsoftが無料で提供しているWindows向けのユーティリティ集です。画面上の色を取得できるカラーピッカーや、画面上のピクセルを測れる画面ルーラー、エクスプローラーから画像サイズを変えられるImage Resizerなどが含まれています。

PowerToys
PowerToys

25. Pika

Pikaは、macOS向けの無料・オープンソースのカラーピッカーです。画面上の色をHexやRGB、HSL、OKLCHなどの形式で取得できるほか、前景色と背景色のコントラストをWCAGやAPCAの基準で確認できます。

Pika
Pika

26. xScope

xScopeは、画面上の要素の測定や位置合わせに使えるmacOS向けのツールセットです。ルーラーやルーペ、ガイドなどの機能があり、レイアウトをピクセル単位で確認できます。有料のアプリですが、無料体験版をダウンロードできます。

xScope
xScope

27. Responsively App

Responsively Appは、レスポンシブWebサイトの表示確認に使える無料・オープンソースのアプリです。複数のデバイスサイズの表示を並べて確認でき、1つの画面でのクリックやスクロールがほかのデバイスの表示にも反映されます。

Responsively App
Responsively App

28. Polypane

Polypaneは、Web制作者向けに作られたブラウザです。複数の画面サイズを同時に表示しながらサイトを確認できます。Windows・Mac・Linuxに対応した有料アプリで、14日間の無料体験ができます。

Polypane
Polypane

29. Local

Localは、WordPressサイトをパソコン上で作成・テストできる無料のアプリです。Mac・Windows・Linuxに対応しており、WordPressの自動インストールやPHPバージョンの切り替え、制作中のサイトを共有できるLive Linksなどの機能があります。

Local
Local

30. ShareX

ShareXは、Windows向けの無料・オープンソースのスクリーンショットツールです。範囲を指定したキャプチャやスクロールキャプチャ、GIFでの画面録画のほか、カラーピッカーやルーラーなどのツールも使えます。

ShareX
ShareX

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

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

(翻訳:Akiko Ogita)

SHARE

  • 広告主募集
  • ライター・編集者募集
  • キャリア相談受付中
Workship
デザイナー副業案件