【デザインツール比較】これを作りたい時はどのツールを使ったらいいの？

PhotoshopやIllustrator、XDやFigma、Canvaなど…。

デザインツールにもいろいろあって、結局どれを使ったらいいかわからない。

そんなお悩みにお応えして、

・こんな人にはこのツール

・これを作りたい時はこのツール

といった風に、デザインツール逆引き辞典を作りました！

あなたにぴったりのデザインツールが見つかりますように

Contents

この記事で紹介するデザインツール一覧

この記事では、以下のツールをご紹介。

無料プランがあるツールは、初めのうちは無料プランでも全然困らないので、

気軽に試してみるのもいいですね。

・Adobe Photoshop（有料）

・Adobe Illustrator（有料）

・Adobe XD（無料プランあり）

・Figma（無料プランあり）

・Figjam（無料プランあり）

・Canva（無料プランあり）

・Miro（無料プランあり）

こんな人にはこんなツールがおすすめ！

ざっくりとしたおすすめツール分類はこんな感じ。

駆け出しデザイナーにおすすめのツール

・Adobe Photoshop

・Adobe XD

印刷物、ロゴなどのタイポグラフィをデザインしたい、イラストを描きたいデザイナーにおすすめのツール

・Illustrator

上記ツールがある程度使えるようになって、さらに業務改善したい、効率重視のデザイナーにおすすめのツール

・Figma

ノンデザイナーにおすすめのツール

・Canva

・Miro

では、作りたいもの別に、おすすめツールをさらに詳しく解説していきます〜！

バナー・アイキャッチ・サムネイルをつくりたい時

バナーなどの画像デザインにおすすめのツールは、以下の4つ！

・Adobe Photoshop（おすすめ度：★★★★★）

・Adobe Illustrator（おすすめ度：★★★）

・Figma（おすすめ度：★★★）

・Canva（おすすめ度：★★★★）

それぞれの特徴を順番に解説していきます。

Photoshop

絶対外せないのが、王道ツールPhotoshop。

こんな人におすすめ

・デザイナーとして就職/転職したい

・フリーランスでデザイナーとして活躍していきたい

・写真を使ったデザインを作りたい

企業のデザイナーの8割くらいは、Photoshopでデザイン作成をしているはず！

というくらい王道のツールがPhotoshopです。

フリーランスのデザイナーとしてやっていきたい！という方も、

PSD形式（Photoshopデータ）での納品を求められることもよくあるので、

Photoshopを使ってのバナーやサムネイル制作は必ず身につけておきたいところ。

どうしてみんなPhotoshopを使うの？

やっぱり、出来ることが多いから。かゆいところにも手が届く豊富な機能があるPhotoshopはなかなか手放せません

写真の加工だけでなくグラフィックデザインも出来てしまうので、

幅広くクオリティの高いデザインを目指す人には必須のツールです。

Illustratorと併用して使うのが一般的

例えばこの素材の一部分だけを使いたいと思った時。

Photoshopで素材を解体したい場合、PNG画像から一部を切り抜かなくてはいけません。

（出典：イラストAC）

そんなときは、AIデータ（Illustratorデータ）でダウンロード。

Illustratorで素材を開けば、それぞれの素材がパスになっているので、

使いたい部分だけを選択したり、色や形の変更をすることも可能になります。

IllustratorからPhotoshopに使いたい素材だけコピペして、Photoshopでデザイン作成。

多くのプロデザイナーがやっている手法です◎

Illustrator

素材の解体だけではもったいない。

Illustratorも、バナーやサムネイルなどの画像作成は得意です。

こんな人におすすめ

・パスで描いたイラストを使ったデザインをしたい

・作ったデザインを印刷して使いたい

・ロゴやタイポグラフィもデザインしたい

チラシや雑誌などの印刷物のデザイナーをやっていた方は、Illustratorが商売道具。

webデザイナーに移行した後も、そのままIllustratorでデザインをしている人が多いです。

写真を使わないバナーで、タイポグラフィにもこだわりたい！

なんて場合には、Illustratorで作成するのがおすすめです。

Figma

（出典：Figma: the collaborative interface design tool.）

UIデザインのためのプロトタイプツールであるFigmaですが、

実はバナーなどの画像制作にも使えてしまう、万能ツールでもあるんです。

こんな人におすすめ

・画像単体ではなく、画像が表示されるページ全体を考えてデザインをしたい人

・UIデザイナーの人

・日本語対応していない最新のツールを使うことに抵抗がない人

例えば、サイトの一部として使用されるバナーをデザインする時。

表示される箇所によって、どんな色を使うべきか？枠をつけるべきか？も変わってきます。

Figmaだったら、サイトデザインに当てはめながらデザイン出来てしまうので、

複数のツールを行き来する必要がない分、かなりの時短＆業務効率アップに◎

ちなみに、Figmaでバナーやサムネイルなどの画像制作をする場合は、プラグインの活用が欠かせません。

実務で本当に使えるFigmaプラグイン18選。プラグイン活用で業務効率大幅改善！

また、学習コストも少し高めなので、

デザイナーを目指していない人や、画像単体でのデザインにはおすすめできません。

Canva

（出典：グラフィックデザインを無料で簡単に作成 – Canva）

ノンデザイナーに圧倒的におすすめなのが、Canva！

こんな人におすすめ

・簡単にそれっぽいデザインを作りたい人

・スマホで作業したい人

・デザイナーを目指していない人

Canvaはテンプレートが豊富で、誰でも直感的に操作できる簡単さが魅力です。

プロのデザイナーレベルのクオリティは求めていないけど、

簡単に、ダサくないデザインを作りたい！

という人にぴったりのデザインツール。

逆に言えば、細かい部分の調整は難しいため、

デザイナーを目指している人にはおすすめできないツールです。

サイトデザインを作りたい時

サイトデザインにおすすめなツールは次の2つ！

・Adobe XD（おすすめ度：★★★★）

・Figma（おすすめ度：★★★★★）

それぞれの特徴を簡単に解説していきます。

Adobe XD

（出典：クリエイティビティとデザイン-Adobe XD）

定番のAdobeソフトであるXD。

こんな人におすすめ

・デザイナーとして就職/転職を目指している人

・ツールはAdobe製品で揃えたい人

・英語にアレルギーがある人

・直感的に使えるツールが使いたい人

個人的には圧倒的にFigmaの方がおすすめではあるのですが、

日本の企業はまだまだXDを使っているところが多いです。

そのため、デザイナーとして就職を目指している方は、

まずはXDの基本操作はマスターしておくことをおすすめします。

PhotoshopやIllustratorなどの他のAdobe製品が使える人にとっては

直感的に操作ができるので、学習コストは比較的低いです。

迷った時も検索すれば、日本語でたくさん答えが出てきます。

Figma

（出典：Figma: the collaborative interface design tool.）

個人的圧倒的おすすめはFigma。

学習コストが比較的高いですが、一度魅力を知ったら、もうXDには戻りたくなくなります。

こんな人におすすめ

・自社サービスのデザイナー

・複数のプロジェクトやデザインが同時並行する人

・チームで共同作業したい人

・過去のデザインも整理して管理したい人

・日本語対応していない最新のツールを使うことに抵抗がない人

XDでは出来ないけど、Figmaなら出来る！という、

かゆいところにも手が届く、便利機能がたくさんあります。

また、XDだと一つのページしかないイメージですが、

Figmaには複数ページ、その上の階層に複数ファイル、その上に複数プロジェクト…

といった風に、階層やページも複数作成し整理・管理することができます。

そのため、複数のプロジェクトが進んでいても、整理してデザインファイルを管理できたり、

デザイン以外のメモは違うページに置くことで一つのページ内がごちゃつかなかったり

といった風に、デザインファイルの整理・運用も簡単になります。

コンポーネントの管理方法もXDより柔軟で、

うまく使いこなせば業務効率が格段に改善されます。

XDと比較してのデメリットは下記の通り。

・すべて英語

・まだ情報が少ないため、調べても日本語の解決策があまり出てこない

・無料版だと制限がある（それでもXDより便利）

・XDを使用している企業の方が多い

逆に言えば、私の知る限りデメリットはこれくらいしかありません。

LPデザインを作りたい時

サイトデザインよりも、グラフィック的要素が多いLPデザイン。

おすすめのツールは以下の4つ。

・Photoshop（おすすめ度：★★）

・Illustrator（おすすめ度：★★）

・Adobe XD（おすすめ度：★★★）

・Figma（おすすめ度：★★★★）

それぞれのメリットデメリットもご紹介していきます。