業界別・Webデザインツール/アプリの人気ランキング

三好 祐未

LUNON

Instagramのグルメアカウント運用で日常的に使っていますが、無料でも写真補正が自動で入るし、フィルター・文字入れ・カット編集などがとても直感的で、デザインの知識がなくても見栄えの良い投稿が作れるのが気に入っています。スマホだけで完結でき、隙間時間にサッと編集できるのも魅力。テンプレートも多いので、迷ったら差し替えるだけでおしゃれに仕上がります。特にリールは、写真を並べて音楽とテンプレを...

原口 卓也

BBW

Canvaは本当に個人経営者の強い味方だと感じています。MicrosoftやAdobeのような大手ソフトに比べても、直感的に扱える操作性と、作業スピードを圧倒的に上げてくれる点が魅力です。資料作成からSNS投稿用のデザイン、さらにちょっとした動画編集まで、全部ひとつのサービスで完結できるのがありがたい。テンプレートの種類も豊富で、自分でゼロからデザインを作る時間が省け、仕上がりも十分にプロの...

德田 光陽

德田光陽

CANVAはアイキャッチやサムネイル画像の制作で編集しやすいので利用していますが、ショート動画の編集もできます。
用途に応じて、サイズの比率や形式も自由自在で、画像素材などもAI搭載で生成して作ったりも可能とかなり直感的な編集ができます。

古川 悠紀

YUGOC CO.,LTD（TABISPA）

とにかくテンプレートの数が多いので、デザインセンスがない人や技術不足の人でもテンプレを使うだけでお洒落な画像を作成できます。
インスタ画像、提案資料、バナー、ワイヤーフレームに至るまでcanvaで対応できるほか、canvaに登録していない人にも共有リンクを送るだけで相手も閲覧できるのが良い点です。

黒岩 将大

株式会社ｅｓｐｅｃｉａ

WEBサイトを作成する際、はじめにページデザインを作成するのですが、クリックしたら別のページへ移動したり、画像が時間で動いたりする動作を再現できるソフトがそれまでありませんでした。XDを使用すると、IllustratorやPhotoshopを利用するように、画像や文字を好きな場所に配置ができ、クリックした場合に遷移先のページを表示するこができるなど、本番サイトに近い状態でデザインができるのが...

湯浅 紘也

株式会社ミツエーリンクス

画面設計ツールとして必要な機能はそろっており、またコンポーネント（デザインのテンプレートのようなもの）や外部からアイコンなどを落として使用することも容易なので、考えながらすぐ設計できるのがとても良い

尾崎 優真

OzWeL

他のデザインツールより軽く、パソコンのスペックに左右されにくい印象があります。
余白のピクセル数なども見やすいため、webデザインにおいてはこのツールが一番コーディングする上ではスムーズに業務を行えるかと思います。

笠井 智仁

公益財団法人ソーシャルサービス協会　ITセンター

webサイトの構築の際に紙ベースでの説明だと動きがわからなかったりイメージがつかなかったりしますが、XDでプロトタイプを作ってプレゼンするとお客様がすぐ理解していただき、打ち合わせがスムーズに行きます。
また、ページごとにお客様にコメントを書いていただける点も効率のよい点だと思います。

藤岡 知巳

株式会社アナグラムワークス

優れている点・好きな機能
・ブラウザで気軽にアクセス可能
・一通りのグラフィック機能があり、細かいことを気にしなければ普通に使える
その理由
・インストール版もあるが、ブラウザ版が気軽に使えて便利
・WEBやアプリ制作であれば特に問題が無いくらい高機能で、これだけあればとも思える

小林 伸弥

株式会社ＦＲＥＥＭＩＮＤ

優れている点・好きな機能
・デザインシステムという概念を実現に落とすためにピッタリのツール
・AI機能もどんどんアップデートされ今後が楽しみ
その理由
・共同編集しやすい
・バリアブルやコンポーネントなどで共通部品として管理できる
・開発の際にdevモードを参照することで意図を汲んだ実装がしやすい

尾崎 優真

OzWeL

レイヤーの選択、書き出し、パディングマージンの確認などコーディングする上で必要な動作が簡単に行える快適なツールです。

竹林 健治

株式会社マックスグループ

複数のユーザーが同じデザイン ファイルで同時に作業し、互いの編集内容をリアルタイムで確認できるので、場所に関係なく、デザイナー、開発者、関係者間の共有が早く、その後の作業にも繋がっていきます。

熊田 裕明

株式会社言語社

ウェブ制作の知識がなくても簡単にページ制作ができます。用意されたテンプレートはすでにPCとスマートフォンに対応しており、ひとまずスマートなサイトを用意したい場合はこのサービスを利用すると良さそうです。

非公開ユーザー

株式会社センジュ

Webページを作るために学習が必要なHTMLやCSSの勉強を飛ばして、簡単にWebページが作れるツール。自分自身も非エンジニアだがページを作る必要があり、他のサービスと比較した結果、できることの自由度も高くクオリティの高いものが作れました。

Yusuke Kondo

Ｒｅｔｔｙ株式会社

「デザインから公開まで、コーディングなしで完結」というコピーのとおり、ブラウザベースでデザインを編集し、URLも発行してくれるので、ボタンひとつでサイトを公開できる。複数人で編集可能なので、コラボレーションもしやすい。

非公開ユーザー

デザイナーだけでWebサイトを完結できる点が最大の強みです。
勤務先はエンジニアが少なく常に稼働が逼迫しているため、LPや社内向けページの制作・修正をエンジニアに依頼するのが難しい状況でした。Studioを導入してからは、デザイナーである私が単独でページを公開・更新できるようになり、リリースまでのリードタイムが大幅に短縮されました。
また、個人のポートフォリオサイト制作にも活用しました。...

非公開ユーザー

株式会社センジュ

Adobe製品に比べて導入コストを抑えて始められる点が素晴らしい。また、Googleで検索するとマテリアルも豊富にあるので、制作に不便することは無い。

大平 健悟

株式会社POL

非デザイナーでもわかりやすい操作（ショートカットキーを覚えれば更に楽になります）
実際のリンクに見立てたページ遷移等ができる
レイヤー管理が簡単
共通デザインが必要なヘッダー等は共通デザインの設定が可能

コンノ ダイチ

株式会社ドーモ

元々はワイヤーやデザインを作成するときにAdobeのイラレやフォトショを使っていました。
どちらのアプリケーションも優秀ですが、UIを作成するときはそれぞれをコピペする必要がありました。
スケッチの場合UIをモジュールとして作成することができるため、サイト内のパーツはレイアウトを組むだけで非常に便利です。
他アプリケーションと連携することで、モックアップの作成も可能なのでUIデザインの...

姜 修章

株式会社鈴木商店

デザインのラフなどを作成するのに、テンプレートも豊富にあり簡単に作成できます。
凝ったことももちろんできますが、ちょっとしたことも楽にできます。

中本 達也

エクセルブートキャンプ

ウェブサイトの修正箇所や修正内容を指摘する際、該当する部分をサイトを閲覧しながら直接指定して指示内容を記載できる点。プロトタイプ編集のタスク管理としても使用できる。

Yusuke Kondo

Ｒｅｔｔｙ株式会社

開発段階のプロトタイプを簡単に作ることができます。画像などを貼り付けるだけで良いので、プログラミングのスキルがない人でも作れます。

非公開ユーザー

ＳＡＰジャパン株式会社

特にプログラミングのナレッジがなくても、Webサイトのデモ画面やプロトタイプを手軽に作成できるため、具体的な仕様の確認ができます。まだ入社歴の浅い社員でもWebサイト構築のスキルを習得しつつ実務を担当することができ、即戦力として活用できるため、人材不足へ対応することができました。

非公開ユーザー

デザイナーさんからの納品ぶつのチェック、納品までのやり取り、イメージの確認、動き（ページ遷移）の確認などに利用しています。
プロジェクト毎に保存できたり、パーツ毎にダウンロードできたり、イメージ毎にOK/NGなどのチェックをつけられたりと、欲しい機能は一通りそろっていて、必要十分という感じ。
ログイン後の画面もシンプルで、迷わず作業が可能。

小林 康博

ヒロデザイン工房

htmlやCSSの知識が無くても本格的なページがサクサク出来るので、非常に作業早くのスムーズにスタイリッシュな見やすいホームページ制作が可能になりまいした。

深谷 優

株式会社アーキテクト

WEBサイトを構築する上では必ず必要なDreamweaver。
コーデング中にエラーが発生していないかどうかが見られるのは特におすすめの機能でした。

Chiba Ayako

Chiba Design Office

Webサイトの制作案件には無くてはならないアプリです。実際の表示を見ながらソースを編集できるのが良いですね。特に便利だったのはコーディング中のエラーチェック機能。ソースをリアルタイムに監視してくれるので、閉じタグの打ち忘れやスペルミスがあったらすぐにエラー表示が出るので打ちミスがなくなりました。

川井 昌彦

Cherry Pie Web

Bracketsが統合されてHTMLエディタとして使いやすくなったが、エディタとしてよりも、それに付随した機能がどんどん充実してきている。
特にGitが標準機能となってからは、コードビューで差分が確認出来たり、フォルダーツリーから無視するファイルを指定できるなど、GUIで操作できるのでデザイナーにとってGit導入のハードルがぐっと下がった。