Appllama
appllama.ioAppllamaは、トップiOSアプリの画面を網羅したUIデザイン参考ツールです。オンボーディングやペイウォール、画面遷移フローなど、アプリ UI デザイン 参考として活用できる事例を多数収録しています。
ウェブデザイン AI tools
Explore AI products listed in the ウェブデザイン category. Search by product name, review what each tool does and open its profile for more context.
55tools in this category
ウェブデザイン tools directory
32 products on this page
SVG Converter
svgconverter.aiSVG Converterは、PNGやJPG画像をSVGやEPSへ変換するオンラインツールです。AIによるSVG生成機能も搭載し、テキストからベクター素材を作成可能。ブラウザ上で動作し、ロゴのベクター化やSVG 変換を素早く行えます。
Alloy
alloy.appAlloyは、実際の製品コードやコンポーネントを直接使用してAIプロトタイピングを行う革新的なプラットフォームです。ブラウザ拡張やコードベース連携により、数分でプロダクション品質の変更を加え、チームと共有し、そのままGitHubへプルリクエストとして反映させることが可能です。デザインと開発の境界をなくし、製品開発を劇的に加速させます。
Framer 3.0
framer.comFramer 3.0は、AIエージェントを搭載した革新的なWebデザイン・制作プラットフォームです。デザイン、CMS管理、コーディングの各工程をAIがサポートし、キャンバス上で直感的に高品質なサイトを構築。SEO最適化、高速なパフォーマンス、外部AI連携など、プロフェッショナルなニーズに応える機能を網羅しています。
Taste Lab
tastelab.xyztasteは、ウェブサイトのURLをAIエージェント用の完全なデザインコンテキストに変換するツールです。単なる数値の抽出ではなく、「なぜそのデザインが選ばれたのか」という意思決定とトレードオフを解析。4段階のAIパイプラインを経て、Design MapとTaste DNAを生成します。CursorやClaude Codeなどの主要なAIツールとシームレスに連携し、一貫性のある高品質なUI構築を支援します。
WordPress 7.0
wordpress.orgWordPress 7.0は、革新的なナビゲーション設計、AIツールの統合管理、直感的なビジュアル・リビジョン機能を備えた最新のメジャーアップデートです。本記事では、すべてのテーマで利用可能になったフォントライブラリや、パターンの操作性向上、パフォーマンスの改善点など、WordPress 7.0の新機能を詳しく解説します。SEOに最適化されたこの強力なプラットフォームで、ウェブサイト制作を次のレベルへ引き上げましょう。
WeWeb 3.0
weweb.ioWeWebは、AIによる自動生成とノーコードの視覚的エディタを組み合わせた、次世代のWebアプリケーション開発プラットフォームです。Fortune 500企業にも採用されており、SaaS、ポータル、社内ツールなどを迅速に構築可能。コードの書き出しや既存スタックとの連携にも対応し、スケーラビリティと柔軟性を兼ね備えています。開発効率を最大化し、ベンダーロックインのない自由な開発を実現します。
Kirki
kirki.comKirkiは、WordPressサイト制作を再定義する次世代のビジュアルビルダーです。無限のキャンバス、高度なCMS、Figmaインポート、リアルタイム共同編集機能を備え、従来のプラグイン依存から脱却した高速で安全なサイト構築を実現します。デザインの境界線をなくし、直感的な操作でプロフェッショナルなウェブサイトを構築できるKirkiの魅力を詳しく解説します。
Lokuma Website Builder 2.0は、コーディング不要で洗練されたWebサイトを構築できるAI搭載型Webサイトビルダーです。最新のAIモデルを活用し、プロフェッショナルなデザイン、最適化されたコンテンツ、高品質な画像を数分で生成します。起業家やクリエイター、あらゆる業界のビジネスオーナーに最適なオールインワンプラットフォームです。
Tailgrids 3.0
tailgrids.comTailgrids 3.0は、15万人以上の開発者やデザイナーに支持される、ReactとTailwind CSSに特化した包括的なUIコンポーネントライブラリです。600以上の高品質なUIブロック、テンプレート、そして900以上の要素を含むFigmaデザインシステムを提供。モダンなウェブアプリケーション、ダッシュボード、Eコマース、AIツールの開発を劇的に加速させ、アクセシビリティと一貫性を担保した製品開発を実現します。
FlowMarket
flowmarket.socialFlowMarketは、AIエージェントを活用してB2Bのディールフローを完全に自動化する画期的なネットワークです。わずか1分で自社のAIエージェントを作成し、24時間365日体制で最適な取引先の発見、マッチング、交渉を任せることができます。コールドメールや無駄な仲介者を排除し、高品質な商談機会のみを創出。従来の非効率な営業活動を、AI同士のリアルタイムな対話へと進化させ、ビジネスの成長を加速させます。
Flowstep 1.0
flowstep.aiFlowstepは、独自の「Imagination Algorithm」を搭載し、テキストプロンプトから高品質なUIデザインを数秒で生成するAIツールです。Figmaへのシームレスなコピー＆ペースト機能、React/Tailwind CSSによるクリーンなコード出力、チームでのリアルタイム共同編集に対応。デザインスキル不要で、構想を即座に具体的なプロダクトへと進化させ、開発プロセスを圧倒的に加速させます。
Wonder
wonder.designWonderは、AI生成と実コードを同一キャンバスで扱う革新的なデザインツールです。React/Tailwind対応でハンドオフ不要のデザイン体験を実現し、アイデアを即座にプロダクションレベルのコードへと変換します。デザインとエンジニアリングの境界をなくし、開発サイクルを劇的に加速させるPublic Alpha版ツールです。
UXPin Forge
uxpin.comUXPin Forgeは、ベクターではなく実際のReactコンポーネントを使用してUIを生成・編集・レビューする革新的なAIツールです。お手持ちのデザインシステムやGitと連携し、プロンプト一つで本番環境にそのまま使えるJSXコードを出力。FigmaのAIとは異なり、開発者が再構築する必要のない、ルールに基づいた正確なUI構築を実現し、設計から実装までの時間を最大50%削減します。
Magic Patterns Agent 2.0
magicpatterns.comMagic Patternsは、製品チームがアイデアから本番環境までを迅速に繋ぐためのAIプロトタイプ生成ツールです。既存のデザインシステムやアプリのスタイリングをコピーし、一貫性のある高品質なUIを数分で生成します。迅速なプロトタイピング、チーム間での共同編集、セキュアなエンタープライズ対応が特徴で、10万人以上のユーザーに信頼されています。デザインとエンジニアリングの距離を縮め、顧客フィードバックの高速化を支援します。
Devaito
devaito.comDevaitoは、ウェブサイト、ECサイト、アプリの構築からマーケティングまでをAIエージェントが24時間体制で代行するビジネスエコシステムです。音声コマンドや画像アップロードから数秒で高品質なサイトを生成し、SEO、コンテンツ作成、SNS管理、在庫管理を自動化。専門的な技術スキルなしで、アイデアを最短43秒で収益化可能なビジネスへと変貌させ、グローバル展開までをワンストップでサポートします。
Brila
brila.aiBrilaは、Googleマップに寄せられたクチコミをAIが「Jobs To Be Done」メソッドを用いて分析し、顧客が本当に求めている価値を反映したWebサイトを自動生成するツールです。自分たちでは気づかなかったビジネスの強みを可視化し、顧客がなぜ自社を選ぶのかという真の理由に基づいた集客力の高いサイト構築を可能にします。共有リンクを入力するだけで、ビジネスの本質を捉えたサイトが瞬時に完成します。
Pretext.JS
pretextjs.devPretext.jsは、ブラウザのDOMに一切触れることなくテキストの計測と配置を行う画期的なライブラリです。TypeScriptファーストで設計されており、算術計算のみでマルチラインテキストのサイズを算出。従来のgetBoundingClientRectに伴うリフローやレイアウトスラッシングを完全に排除し、仮想スクロールやAIチャット等のパフォーマンスが求められる環境で革新的な速度を実現します。
Design Agent by Lokuma
agent.lokuma.aiLokuma Design Agentは、CursorやClaude CodeなどのAIエージェントに「デザイナーの視点」を与えるデザイン知能レイヤーです。AIが生成した未加工のコードを、適切なレイアウト、タイポグラフィ、視覚的ヒエラルキーを備えた高品質なデザインへと自動で洗練させます。単なる生成を超え、デザインの計画、構成、研磨を行うことで、AIによる開発をプロフェッショナルな品質へと引き上げる画期的なツールです。
Stitch 2.0 by Google
blog.googleGoogle Labsが発表したStitchは、自然言語の指示から高精度なUIデザインを作成・共同作業できるAIネイティブなデザインツールです。「バイブデザイン」という概念を導入し、無限のキャンバス上でビジネス目標や感覚を伝えるだけで、プロトタイプ生成からコード出力までをシームレスに実現します。DESIGN.mdによるデザインシステムの管理やボイス操作、開発ツールとの連携も強化されています。
HTML Pub
htmlpub.comHTML Pubは、AIで作成したページを即座に公開・更新できる画期的なプラットフォームです。ChatGPTやClaudeなどのAIツールからコードを貼り付けるか、MCPサーバー経由で直接接続するだけで、数秒でライブURLを取得可能。フォーム、決済、カスタムドメイン、ブログ機能など、本格的なサイト運営に必要な機能がすべて揃っています。コーディングやサーバー設営の手間を省き、アイデアを瞬時に形にします。
Anima
dev.animaapp.comAI with an Eye for Designは、アイデアや既存のデザインから直接ウェブサイトやアプリケーションを構築できる最先端のプラットフォームです。プロフェッショナルなランディングページやサインアップフローなど、高品質なテンプレートをベースに、AIの直感的なデザイン能力を駆使してプロジェクトを加速させます。スタートアップやSaaS、エージェント向けの最適化されたデザインを提供し、開発プロセスを劇的に効率化します。
JDoodle.ai MCP
jdoodle.aiJDoodle AIは、プログラミング知識ゼロでウェブサイト、アプリ、プロトタイプを作成できる革新的なノーコードプラットフォームです。ChatGPTやClaude、JDoodle MCPとの連携により、チャット形式で指示を出すだけでAIエージェントが自動構築、テスト、公開まで行います。無料のバグ修正機能やデータベース、ホスティングも完備。創業者、マーケター、PM、中小企業が迅速にアイデアを形にするための最強ツールです。
Figr AI
figr.designFigrは、プロダクトの文脈を深く理解し、UX設計からプロトタイプ作成までを一貫して行うプロダクトAIです。プロダクトマネージャーやデザイナー向けに、エッジケースの特定、ユーザーフローの策定、データに基づいた意思決定を支援。Figma、アナリティクス、既存ドキュメントを統合し、手戻りのない製品開発を加速させます。SOC 2認証済みのセキュリティーを備え、企業のUX品質を飛躍的に向上させます。
Webflow AI site builder
webflow.comWebflow AI site builderは、プロンプト入力だけでカスタマイズ可能なプロダクション対応のWebサイトを生成するツールです。単なるレイアウト作成に留まらず、GSAPアニメーションや編集可能なデザインシステムを備えた実用的なサイトを構築します。Webflowの強力なプラットフォームを基盤としているため、拡張性と保守性に優れ、デザインから公開までの時間を劇的に短縮しながら、プロフェッショナルな品質を実現します。
Atomsは、コーディング不要でSaaSやEコマース、社内ツールなどを構築できる革新的なAIプラットフォームです。リサーチ、設計、開発、SEO、データ分析を専門とするAIエージェントチームが、あなたのアイデアを数分で収益を生む製品へと変えます。フルスタック対応のバックエンドやStripe決済、独自ドメイン、GitHub同期など、プロフェッショナルな開発と運用に必要なすべての機能が一つに統合されています。
Adden
adden.aiAddenは、MetaやGoogle Adsなどの広告データをAIで分析し、レポートやインサイトを自動生成するマーケティングツールです。AIによるパフォーマンス監視、予算最適化、ターゲティング改善を通じて、広告運用を効率化し、クライアント向けに魅力的なレポートを提供します。
atemplate
atemplate.com「A Template」は、製品、ビジネス、ブログ、ポートフォリオ、eコマース、管理ダッシュボードなど20以上のカテゴリにわたる1000以上の無料ウェブサイトテンプレートを提供しています。初心者からプロまで利用可能で、Next.js、Tailwind CSS、Jekyllなど多彩な技術スタックのテンプレートが揃っています。SEO最適化やパフォーマンスを考慮したデザインも充実し、ウェブ制作の効率化とクオリティ向上に貢献します。さらにブログやドキュメント作成用のテンプレートも無料で入手でき、多用途に活用可能です。
YouTube Row Fixer
youtuberowfixer.comYouTube Row Fixerは、YouTubeのレイアウトをカスタマイズして、動画の表示行数を調整し、不要なコンテンツを非表示にするブラウザ拡張機能です。これにより、ユーザーは自分の視聴環境を最適化できます。YouTubeの更新により、3動画しか表示されなくなった不満を解消し、画面スペースを最大限に活用して、より多くのコンテンツを一度に表示することができます。Shortsやコミュニティ投稿を非表示にして、従来の動画コンテンツに集中することも可能です。ChromeやFirefoxに簡単にインストールでき、無料で使用できます。
ImageToBlackAndWhite
imagetoblackandwhite.orgこの無料のオンラインツールを使用すると、簡単に画像を白黒に変換できます。JPEG、PNG、WebP形式に対応しており、インストール不要でブラウザ上で即座に変換可能です。写真の色を取り除き、モノクロームの美しい画像に仕上げます。魅力的な構図や質感、ライティングを強調し、感情的なインパクトを与える白黒画像を手軽に作成できます。シンプルで高品質な変換機能を提供します。
Tiktokio
tiktokio.camTiktokioは、TikTokからウォーターマークなしで動画を簡単にダウンロードできる無料のツールです。MP3やMP4形式でTikTokの動画を高品質でダウンロードできます。また、TikTokのストーリーや写真、スライドショーもダウンロード可能です。複数のデバイスで利用でき、簡単で高速なダウンロードが特徴です。
Wegicは、最新のOpenAI GPT-4oモデルを搭載したAIウェブデザイナー & デベロッパーです。90秒でマルチページウェブサイトを構築します。初心者でも簡単に使える対話形式のインターフェースで、高品質なサイトを生成できます。
About ウェブデザイン AI tools
This directory groups products listed under ウェブデザイン. Use the product descriptions to build an initial shortlist, then open individual profiles to review available capabilities and pricing information before visiting an official website.