ホームページのデザインは日進月歩でどんどん綺麗に進化していますが、Webデザイナーにとっては常に流行にデザインを学んで取り入れる必要があります。そこで、デザイナーの作業を支援する様々なサービスをご紹介します。
![](https://webcli.jp/wp-content/uploads/2024/05/winmerge-250x141.jpg)
オープンソースのWindows用の比較・マージツール「WinMerge」
![](https://webcli.jp/wp-content/uploads/2024/04/pixlre-250x141.png)
日本語で使えるインストール不要の無料画像編集ツール「Pixlr E」
![](https://webcli.jp/wp-content/uploads/2024/02/pictbear-250x141.jpg)
レイヤー効果で幅広い表現ができる多機能なペイントアプリ「PictBear」
![](https://webcli.jp/wp-content/uploads/2024/01/microsoftdesigner-250x141.jpg)
AIで画像を生成し自由にカスタマイズできるアプリ「Microsoft Designer」
![](https://webcli.jp/wp-content/uploads/2023/10/darktable-250x141.jpg)
写真のRAW現像や補正ができる「darktable」
![](https://webcli.jp/wp-content/uploads/2022/12/photoscape-250x141.png)
スマートフォンやカメラで撮影した写真を簡単に編集できる「PhotoScape」
![](https://webcli.jp/wp-content/uploads/2022/04/telorian-250x141.png)
動画に字幕テロップを自動で挿入できる「Telorain」
![](https://webcli.jp/wp-content/uploads/2021/09/undraw.png)
無料で商用可能なイラスト素材が手に入る「unDraw」
![](https://webcli.jp/wp-content/uploads/2020/07/prott-2020-07-26-13.26.55-scaled.jpg)
スマホやWebサイトのワイヤーデザインが作成できる「Prott」
![](https://webcli.jp/wp-content/uploads/2020/05/WixADI-2020-05-06-17.20.24.png)
AI を使用した自動ホームページ作成ツール「Wix ADI」
![](https://webcli.jp/wp-content/uploads/2020/05/filmora.png)
高機能な動画編集ソフト「Filmora」
![](https://webcli.jp/wp-content/uploads/2020/04/Aiseesoft-2020-04-22-13.32.00.png)
動画を録画できる「Aiseesoft スクリーンレコーダー」
![](https://webcli.jp/wp-content/uploads/2020/03/GIFトースター-1.png)
スマホでアニメーションGIFが作成できる「GIFトースター」
![](https://webcli.jp/wp-content/uploads/2019/11/coolors-2-250x141.png)
Webでデザイン配色が自動生成できる「Coolors」
![](https://webcli.jp/wp-content/uploads/2019/10/ibispaint-2019-10-07-20.19.14.png)
プロ並みのイラストが作成できる「アイビスペイントX」
![](https://webcli.jp/wp-content/uploads/2019/08/videoproc-2019-08-08-08.51.42.png)
誰でも本格的な動画が作成できる「VideoProc」
![](https://webcli.jp/wp-content/uploads/2019/07/abstract-07-12-12.40.30.png)
デザイナー向けのバージョン管理サービス「Abstract」
![](https://webcli.jp/wp-content/uploads/2019/07/スクリーンショット-2019-07-04-09.59.04.png)
Webサイトのフォント種類を特定する「WhatFontIs」
![](https://webcli.jp/wp-content/uploads/2019/06/tadapic.png)
商用利用も可能なフリー素材がまとめて検索できる「タダピク」
![](https://webcli.jp/wp-content/uploads/2019/06/WS000001-1.png)
ベクターグラフィックが簡単に作成できる「Inkscape」
![](https://webcli.jp/wp-content/uploads/2019/06/スクリーンショット-2019-06-14-11.59.14.png)
AIでシネマグラフが作成できる「PLOTAVERSE」
![](https://webcli.jp/wp-content/uploads/2019/06/スクリーンショット-2019-06-10-09.32.09.png)
3Dキャラクターを作成できる「VRoid Hub」
![](https://webcli.jp/wp-content/uploads/2019/04/invision-logo.jpg)
デザイナー向けのプロトタイプツール「InVision」
![](https://webcli.jp/wp-content/uploads/2019/04/bookmark-logo.jpg)
人工知能でWebページが作成できる「Bookmark」
![](https://webcli.jp/wp-content/uploads/2019/04/colorzilla.png)
Webからカラーコードが抽出できる「ColorZilla」
![](https://webcli.jp/wp-content/uploads/2019/03/mosh-logo.png)
オンラインで予約受付ページが簡単に作成できる「MOSH」
![](https://webcli.jp/wp-content/uploads/2019/03/cocoda-logo.jpg)
実戦形式でUIデザインが学べるサービス「Cocoda!」
![](https://webcli.jp/wp-content/uploads/2019/03/ezmap-logo.jpg)
Googleマップをサイトに貼り付けできる「EZ Map」
![](https://webcli.jp/wp-content/uploads/2019/03/cc-logo.jpg)
クリエイティブ・コモンズ画像が検索できる「CC Search」
![](https://webcli.jp/wp-content/uploads/2019/03/touchretouch.png)
画像のトリミングが綺麗にできる「TouchRetouch」
![](https://webcli.jp/wp-content/uploads/2019/02/annotable.png)
画像に注釈を入れることができる「Annotable」
![](https://webcli.jp/wp-content/uploads/2019/02/linecmera.png)
写真の加工もできるカメラアプリ「LINE Camera」
![](https://webcli.jp/wp-content/uploads/2019/02/canva.png)
グラフィックデザインがWebで作成できる「Canva」
![](https://webcli.jp/wp-content/uploads/2019/02/flatulcolors.png)
フラットデザインの配色がコピーできる「Flat UI Colors」
![](https://webcli.jp/wp-content/uploads/2019/01/eegraph.png)
Webで美しいグラフが作成できる「Eegraph」
![](https://webcli.jp/wp-content/uploads/2019/01/fotor-banner.png)
オンラインで画像加工やコラージュが作成できる「Fotor」
![](https://webcli.jp/wp-content/uploads/2019/01/gg-logo.jpg)
レーダーチャートが作成できる「グラフジェネレーター」
![](https://webcli.jp/wp-content/uploads/2019/01/aboutme-logo.jpg)
プロフィールのページを作成できる「about.me」
![](https://webcli.jp/wp-content/uploads/2019/01/autodraw-logo-2.png)
手書きのイラストを自動変換してくれる「AutoDraw」
![](https://webcli.jp/wp-content/uploads/2018/12/aun-1.png)
Webページに直接メモを書いて修正依頼ができる「AUN」
![](https://webcli.jp/wp-content/uploads/2018/11/mockdrop.png)
ディスプレイのはめ込み画像が作成できる「mockDrop」
![](https://webcli.jp/wp-content/uploads/2018/11/appreach-logo.jpg)
スマホアプリのダウンロード用パーツが作成できる「アプリーチ」
![](https://webcli.jp/wp-content/uploads/2018/11/paintschainer-logo.jpg)
AIで画像の着色ができる「PaintsChainer」
![](https://webcli.jp/wp-content/uploads/2018/11/fontfree-page.jpg)
商用利用可能なフォントが検索できる「FONTFREE」
![](https://webcli.jp/wp-content/uploads/2018/11/skitch-logo.png)
Macで画像の編集や共有ができる「Skitch」
![](https://webcli.jp/wp-content/uploads/2018/11/Justinmind-Logo.png)
モックアップが作成できる「Justinmind」
![](https://webcli.jp/wp-content/uploads/2018/10/kantanmeishi.png)
スマホで簡単に名刺が作成できる「かんたん名刺」
![](https://webcli.jp/wp-content/uploads/2018/10/tsukurou.png)
誰でも簡単にバナーが作成できるサービス「ツクロウ」
![](https://webcli.jp/wp-content/uploads/2018/07/waifu2x.png)
AIで画像を綺麗に拡大縮小できる「waifu2x」
![](https://webcli.jp/wp-content/uploads/2018/07/peraichi.png)
簡単にホームページが作成できる「ペライチ」
![](https://webcli.jp/wp-content/uploads/2018/05/cacoo.png)
Webでワイヤーフレームが作成できる「Cacoo」
![](https://webcli.jp/wp-content/uploads/2018/06/infogram.png)
インフォグラフィックがWebで作成できる「Infogram」
![](https://webcli.jp/wp-content/uploads/2018/06/findicons.png)
フリーのアイコンが手に入る「FIND ICONS」
![](https://webcli.jp/wp-content/uploads/2018/05/pakutaso.jpg)