デザイン Tools

無料のオンラインコラージュと画像編集ツール。ログイン不要、完全無料で使用可能。フロントエンド上で完全に構築されており、画像の絶対的なプライバシーとセキュリティを保証します。透かしなしで高解像度の結果をダウンロード。美しいビジュアル作品を作成するためのすっきりとしたプロフェッショナルなツール。

手書き風ダイアグラムを描くためのバーチャルホワイトボード。リアルタイムコラボレーション、PNG/SVGエクスポート、図形とアイコンのライブラリをサポート。

PSD、XCF、Sketch、XD、CDR形式をサポートする高度なオンライン画像エディター。レイヤー、フィルター、高度な編集ツールを使ってブラウザ上でPhotoshopのように操作できます。

AIを使って数秒で自動的に写真の背景を除去するツール。画像をアップロードするとすぐに透明なPNGが得られます。

調和のとれたカラーパレットを即座に生成。スペースバーを押してデザインプロジェクト用の美しい配色を作成できます。

ビジュアルインターフェースでSVGファイルを最適化・圧縮。Jake ArchibaldがSVGOをベースに開発。

テキスト、画像、絵文字からファビコンを生成。ウェブサイト用に複数のサイズと形式でダウンロードできます。

PNG、JPEG、WebP画像のスマートな非可逆圧縮。視覚的な品質を保ちながらファイルサイズを削減します。

フローチャート、UML図、ネットワーク図などを作成。以前はdraw.ioとして知られ、最も強力な無料オンライン作図ツール。

ユニークなSVG背景シェイプを生成——波、ブロブ、グラデーション、スタック、その他。デザイン用にSVGまたはPNGでエクスポート。

ビジュアルニューモーフィズムCSSジェネレーター。サイズ、半径、距離、強度、色を調整してソフトなUIシャドウエフェクトを作成できます。

深層学習を使ったAIフォントペアリングジェネレーター。見出し、サブ見出し、本文用の調和したフォントの組み合わせを生成します。

任意の色からTailwind CSSカラースケールを生成。ワンクリックで完全な50〜950のシェードパレットを取得し、設定ファイルにすぐ使えます。

背景、パターン、テクスチャ、グラデーション、シェイプを作成できる40以上の無料ブラウザベースのカラーツールとSVGジェネレーターのコレクションです。各ツールはブラウザ上で直接動作し、登録不要で利用できます。重いデザインソフトを開かずにカスタムビジュアルが必要なWebデザイナーや開発者に最適です。

シンプルでミニマルなインターフェースの協調デジタルホワイトボード。フリーハンド描画、図形・矢印・テキスト・付箋の追加でダイアグラムやビジュアルノートを作成できます。

Googleが開発したブラウザ上で完全に動作する画像圧縮ツール。オリジナルと圧縮後を並べて比較でき、WebP、AVIF、MozJPEGなどをサポート。

美しいUIを持つビジュアルCSSグラジェントジェネレーター。線形、放射状、円錐グラジェントをリアルタイムのコード出力で作成できます。

セクション区切り用の美しいSVG波形を生成。シンプルなUIでレイヤー、色、複雑さをカスタマイズできます。

リアルタイムで実際のページレイアウトにカラーパレットをプレビュー。テキスト、ボタン、背景での色の見え方を正確に確認できます。

美しいカラーパレットの厳選コレクション。トレンドのパレットを閲覧したり色で検索したり——ワンクリックで16進コードをコピー。

調和のとれたタイポグラフィを構築するためのビジュアルタイプスケール計算機。ベースサイズとスケール比率を選択し、タイプ階層をプレビューできます。

実際の文脈でのカラーパレットのインスピレーション。色見本だけでなく、実際のウェブサイトレイアウトに配色がどのように適用されるかを確認できます。

ビジュアルCSSのcubic-bezierタイミング関数エディター。コントロールポイントをドラッグしてカスタムイージングカーブを作成し、プリセットと比較できます。

高速なWebベースのJavaScript製SVGドローイングエディター。使い慣れたドローイングアプリのインターフェースでブラウザ上でSVG画像を作成・編集できます。