デザイン ツール

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

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

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

Crochet Chart Makerは、JPG、PNG、WebP画像を編集可能なカラーピクセルグリッドに変換したり、空白のグリッドから編み図を作成できる無料ブラウザツールです。サイズの調整、トリミング、減色、マスごとの編集に対応し、番号と色見本付きの高解像度PNGを保存できます。画像は端末内に保たれ、主要機能はアカウント不要です。

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

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

ブラウザ上で動く無料の画像・デザインツール集。WebAssemblyを活用しすべてブラウザローカルで動作するため、ファイルがサーバーに送信されることはありません。会員登録なしで利用可能。画像圧縮（JPEG/PNG/WebP/AVIF）、フォーマット変換、Illustrator未導入でも使える.ai閲覧・変換（SVG/PNG/PDF化）、GIF作成、画像分割、ハーフトーン/ノイズテクスチャ生成、シームレスパターン確認、カラーピッカー、DPI変更、単位変換ツールなどを備えています。

SVG Viewer は、デザイナーや開発者がブラウザ上で SVG ファイルを直接プレビュー、編集、最適化、変換できる無料オンラインツールキットです。重い画像ソフトを起動することなく、コードの貼り付けやアップロードですぐにプレビューを確認可能。登録不要です。

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

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

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

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

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

会員登録なしで、名前やブランディング、デザインに使えるサイン調の手書きフォントを作成・プレビューできます。

フォント、カラー、アイコン、シェイプ、背景を自由にカスタマイズし、SVG、PNG、WebP、ICO 形式で書き出せるブラウザ完結のテキストロゴ作成ツール。ログイン不要。

TryInk はタトゥーの試着シミュレーションツールです。体の写真をアップロードしてデザインを配置し、予約前に自分の肌でのサイズや位置をプレビュー確認できます。会員登録なし。

写真をシルクスクリーン印刷、DTF転写、ポスター用の印刷可能なハーフトーンドットパターンに変換。ブラウザ完結で動作し、画像がサーバーへアップロードされることはありません。

JPG、PNG、WebP、HEIC画像を希望の最大ファイルサイズ（KB単位）に圧縮。ファイルはブラウザ内でローカル処理され、画素数のリサイズや、個別ダウンロード・ZIP一括ダウンロードが可能です。無料・登録不要。

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

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

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

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

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

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

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

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

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

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

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

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

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