「ほったらかしで、デザインの作成が完了」
「配色に悩んだときの救世主」
「時間のかかっていたデザイン作業が一瞬で終了」
そんな噓のようなツールが、AIの進化によって日々、世界中で公開されています。
このまとめでは「これはやられた!」と思わずうなってしまう、最新オンラインツールや素材55個をご紹介。
カテゴリ別に整理しています、自分だけの神ツールを見つけてみませんか。
Web制作便利ツール
Progressively Enhanced WebGL Lens Refraction
レンズの屈折をリアルに表現したCSSとReact Three Fiberを活用したレスポンシブなWebGLレイアウトを作成する方法を学びます。デモページ
Some Ideas for Fullscreen Image Slideshow Animations
フルスクリーン画像のスライドショーのトランジション集には、
全部で16種類のデモが公開中。デモページ
ブラウザサイズの変化に合わせて、文字サイズも流動的に変化するCSS Clamp計算ツール。お好みの文字サイズを決めるだけで、面倒な作業もありません。

Astro + View Transitions Photo Gallery
WebフレームワークAstroと、連続性のある画面遷移アニメーションを実現できるWeb新技術 View Transitions APIを活用した、写真ギャラリー用テンプレート。ソースコードも公開中。

プロフェッショナル向けに構築された人気JavaScriptアニメーションライブラリがリブランディングし、より親しみやすいデザインに。より詳しい使い方ドキュメンテーションも公開中。

Godly — Astronomically good web design inspiration
デザイン性の高いWebサイトだけを集めたギャラリーサイトで、動きやインタラクションをGIFで確認できるのもポイント。

Footer — The only footer gallery on earth.
さまざまなサイトの素敵な「フッター」デザインのみを集めたWebギャラリー。どんなコンテンツを記載するか迷ったときの参考に。
■本当は教えたくないWebデザイン参考ギャラリーサイト30選

Free JAMStack themes, templates & starters | StaticMania
カスタマイズしやすく、デザイン性の高いHTMLテンプレートをダウンロードできるサイト。すべてではありませんが、多くの素材を無料ダウンロードできます。

DEVI
業種を選び、ブランド名を決め、何を表現したいか入力するだけで、AIがWebサイトを作成してくれる新サービス。無料で試すことができますよ。

デザイン制作便利ツール
A Monograph of the Trochilidæ, or Family of Humming-Birds
鳥類図鑑の最高傑作のひとつとも言われる、およそ200年前の古いイラストを忠実に複製・復元したハチドリの無料イラスト集。
■【商用可】レトロかわいい「ハチドリ」のイラスト素材400枚無料ダウンロード

A Collection of Free Grunge, Vintage & Concrete Textures
ザラっとしたグランジ、ヴィンテージ、コンクリート系テクスチャを集めたコレクション。オーバーレイ効果を演出したいときにぴったり。
■感動フォトショップ 写真をオーバーレイ効果で魅力的にする方法

LogoGratuit.fr | Logos Professionnels Gratuits et Libres de Droits
無料で利用できるSVGロゴを集めたミニライブラリ。ITやスタートアップ企業を想定したロゴがずらり。
■参照記事 : Web制作あるある「画像ない問題」を解決!ダミー画像の生成サービス15選

ウェブサイト向けのトレンドに合わせてアップデートされた配色カラーパレットを探すことができるカラーツール。
■参照記事 : 配色アイデアに迷わない!無料ですごい配色カラーパレットツール111個まとめ【2023年版】

Generate 3D Textures for Free | Polycam
文字を入力するだけで立体的な3Dテクスチャを生成してくれるAIツール。一度に4つのバリエーションが生成され、何度でもやり直しできるのもうれしい。

Alpaca – AI Tools Built For Artists
「手描きスケッチからAI画像生成したい。」という夢を今すぐ叶えてくれるPhotoshop AIプラグイン。使ってみた感想・レビューは以下よりどうぞ。
■参照記事 : Photoshop魔改造!手描きスケッチからAI画像生成できるプラグインAlpaca

Zoommy – more than 200 000 free photos in one place
著作権フリーでCC0ライセンスのストック画像を50以上のサイトから横断検索できるツール。有料ですが4.99ドルという、お求めやすい価格で。

プロトタイプ・アイコンツール
Mockup Generator & Animator 3D | Rotato
スマホデバイス画面上に独自に作成したアプリやWebデザインを使用して、見事な3Dモックアップを作成でき、さらにアニメーションも追加可能。Mac専用アプリ。

【無料】ちょっとずるい、Photoshop最新モックアップ素材80選
デザインの見せ方で損をしている人を救うため、過去2年間のあいだに公開された無料のモックアップ素材を徹底的に調べなおしました。


面白ツール
Today Tagz: What’s Trending Today
X(旧Twitter)やTikTokoにおける世界のトレンドワードをリスト形式で確認できるWebアプリ。日本語にも対応しており、各トレンドの上位50位まで表示可能。

The Project Gutenberg Open Audiobook Collection
マイクロソフトとMITが共同で開発した、大規模なオープンアクセスのオーディオブック集。数千を超えるコレクションに無料でアクセスできます。

Workverse – Productive Virtual Meetings and Workspace.
会議はできるだけシンプルにし、生産性を向上させることをコンセプトにしたバーチャルワークスペース。用途に応じてプライベート専用スペースを作成できます。

およそ3か月ぶりのまとめでしたが、新しいツールがどんどん登場しています。
前回のまとめは以下からどうぞ。