メインコンテンツへスキップ
ToolPotion

Top 50 AI UI/UXデザインツール

ToolRankによるランキング — ToolPotion独自のトラクションエンジン
ToolRank

ToolRank is ToolPotion’s proprietary ranking engine.

It continuously evaluates hundreds of signals across the open web — real traffic and popularity, audience and community strength, authority and longevity, adoption and engagement — processing millions of data points to place every tool where it has earned to be.

Every AI type is measured by its own tailored model: what proves traction for a SaaS app is not what proves it for an open-source framework or a creator channel. Missing a platform never counts against a tool — ToolRank judges the evidence that exists.

No paid placement. No self-reported numbers. Rankings refresh monthly as ToolRank re-measures the market.

更新日 2026年9月65 測定済み46.2/100 平均シグナル強度7.6M 合計オーディエンス69/100 中央値オーソリティ98% AIアシスタント経由の流入あり

Webflow leads by letting teams design, build, and ship a site without code, while the Figma family stays the core of day-to-day UI and prototyping work.編集部の見解

  1. 1Top PickFigmaAI AppFigmaは、デザイン、コード、AIを統合した共同作業デザインプラットフォームです。チームがコンセプトから製品までシームレスに協力し、製品開発における創造性と効率を向上させます。88ToolRankエリート
  2. 2Runner UpRecraft AIAI AppRecraftは、フォトリアリズム、ベクターグラフィックス、カスタムスタイル、モックアップを提供する高度なAI画像生成およびデザインプラットフォームです。デザイナー、クリエイティブ、チーム向けに設計されており、卓越したプロンプト理解能力と、感情に訴えかけ、スタイル豊かなAI生成ビジュアルを実現する美的センスを備えています。74ToolRank強い
  3. 3Third PlaceMicrosoft DesignerAI AppMicrosoft Designerは、プロフェッショナル品質のソーシャルメディア投稿、招待状、デジタルポストカード、その他のグラフィックを作成できるAI搭載のグラフィックデザインアプリケーションです。アイデアから始めて、AIが迅速かつ効率的にユニークなビジュアルコンテンツを生成するのを支援しましょう。71ToolRank強い
  1. 4Framer: ノーコードウェブサイトビルダーAI AppFramerは、デザイナーが完全なデザインの自由度でプロフェッショナルでカスタムなウェブサイトを作成できるノーコードウェブサイトビルダーです。AI駆動のサイト生成、レスポンシブデザインツール、組み込みCMS、リアルタイムコラボレーション、そして高性能サイトのための統合SEOと分析機能を提供します。70ToolRank強い
  2. 5Stitch - AIによるデザインAI AppStitchは、モバイルおよびWebアプリケーションのユーザーインターフェースを迅速に生成するAI搭載のデザインツールです。デザインのアイデア出しプロセスを効率化し、ユーザーがアプリのデザインを素早く視覚化し、反復できるようにします。このツールは、ワークフローを加速し、創造的な可能性を探求したいデザイナーや開発者に最適です。60ToolRank強い
  3. 6Design.comAI AppDesign.comは、ユーザーが数秒でロゴ、ウェブサイト、名刺などを作成できるAIデザインプラットフォームです。直感的なツールとカスタマイズ可能なテンプレートを備え、企業が独自のデザインを簡単に作成できるようにします。58ToolRank堅実
  4. 7スプラインAI Appスプラインは、ブラウザ内でインタラクティブなウェブ体験を直接作成するためのリアルタイムコラボレーションを可能にする無料の3Dデザインソフトウェアです。簡単な3Dモデリング、アニメーション、テクスチャを提供し、個人とチームの両方にアクセス可能です。57ToolRank堅実
  5. 8UizardAI AppUizardは、テキストプロンプト、スクリーンショット、手描きのスケッチを編集可能なモックアップやマルチスクリーンプロトタイプに変換するAI駆動のUI/UXデザインツールで、スライドソフトウェアのように使いやすく設計されています。55ToolRank堅実
  6. 9UserTesting ヒューマンインサイトプラットフォームAI AppUserTestingは、デジタル、製品、顧客体験を向上させるためのリアルな人間のインサイトを収集するプラットフォームを提供します。これにより、チームはアイデアを検証し、迅速に体験を最適化できるため、より自信を持った意思決定が可能になります。55ToolRank堅実
  7. 10RelumeAI Appテキストプロンプトからマーケティングウェブサイトのサイトマップとワイヤーフレームを生成するAI駆動のウェブビルダーで、Figma、Webflow、React用の1,000以上のコンポーネントデザインシステムに支えられています。54ToolRank堅実
  8. 11マジックパターンAI Appマジックパターンは、プロンプトを生産準備が整ったUIに変換するAIデザインツールです。これにより、プロダクトチームはプロトタイプを迅速に生成し、既存のデザインシステムとの一貫性を確保しながら、コラボレーションと迅速な反復を促進します。54ToolRank堅実
  9. 12AnimaAI AppFigmaファイル、URL、スクリーンショット、プロンプトを生産準備完了のアプリに変換するデザイン意識のあるAIエージェントで、製品チーム向けに直接利用可能で、コーディングエージェント用のAPIとしても利用できます。53ToolRank堅実
  10. 13WhimsicalAI AppWhimsicalは、テクニカルチームやエージェント向けの共同ホワイトボードアプリです。思考のスピードでアイデアをキャプチャ・共有し、ダイアグラム、マインドマップ、ワイヤーフレームの作成を可能にします。リアルタイムのマルチプレイヤー編集とエキスパートテンプレートを提供し、チームの生産性とアイデアの視覚化を向上させます。53ToolRank堅実
  11. 14Maze | ユーザーリサーチおよびテストプラットフォームAI AppMazeは、チームが効率的にリサーチを行うことを可能にするユーザーリサーチおよびテストプラットフォームです。さまざまなリサーチ手法と参加者を結びつけ、組織が情報に基づいた意思決定を行い、効果的に変化を形作るための洞察を収集できるようにします。52ToolRank堅実
  12. 15UXPin | UX/UIおよびプロトタイピングツールAI AppUXPinは、実際のコードコンポーネント、ロジック、状態を使用してインタラクティブなプロトタイプを作成できるデザインツールです。高忠実度の製品デザインをサポートし、デザインと開発のギャップを埋めるのに役立ち、プロフェッショナルな製品チームに最適です。52ToolRank堅実
  13. 16Builder.ioAI AppBuilder.ioは、チームがAIエージェントを使ってソフトウェアを構築することを可能にするコラボレーティブプラットフォームで、開発プロセスを効率化します。エンジニア、デザイナー、PM、マーケターが単一の真実のソースから作業することを可能にし、ブランドの一貫性と効率的なワークフローを確保します。52ToolRank堅実
  14. 17DesignsAIAI AppDesignsAIは、コミュニケーションアセットをより速く作成するためのAI搭載プラットフォームです。高度なAIモデルを使用して、画像、動画、コピー、音声、スライドを生成します。ブランドの一貫性を確保し、複数のLLMへのアクセスを提供することで最新の機能を利用可能にし、ビジネスコンテンツ作成のスケーリングを効率的に行うのに理想的です。52ToolRank堅実
  15. 18UX PilotAI AppUX Pilotは、アイデア、スケッチ、またはPRDをワイヤーフレーム、高忠実度の画面、完全なユーザーフロー、そして生産準備が整ったコードに変換するAI駆動のUX/UIデザインプラットフォームで、FigmaとGitHubとの統合を提供します。52ToolRank堅実
  16. 19VisilyAI AppVisilyは、非デザイナーが迅速かつ簡単に高忠実度のワイヤーフレームやプロトタイプを作成できるAI駆動のUIデザインソフトウェアです。学習曲線なしで製品アイデアを効果的に伝えるのに最適です。52ToolRank堅実
  17. 20Balsamiq ワイヤーフレームツールAI AppBalsamiqは、製品、技術、ビジネスチーム向けに設計された迅速なAI駆動のワイヤーフレームおよびプロトタイピングツールです。ユーザーがUIアイデアを迅速にスケッチ、テスト、洗練できるようにし、開発が始まる前に効率的なコラボレーションと意思決定を可能にします。51ToolRank堅実
  18. 21BananiAI AppBananiは、テキストプロンプト、画像、またはFigmaリンクから編集可能なマルチスクリーンUIプロトタイプを生成し、デザインをFigma、HTML/CSS、または画像にエクスポートするAI UIデザインツールです。51ToolRank堅実
  19. 22ProtoPie: AI駆動のプロトタイピングプラットフォームAI AppProtoPieは、デザイナーが動的なインタラクションと高忠実度のプロトタイプを作成できるAI駆動のプロトタイピングプラットフォームです。複数のデバイスとプラットフォームをサポートし、シームレスなコラボレーションと効率的なデザインの引き渡しを可能にします。50ToolRank堅実
  20. 23Locofy.ai - デザインからコードへAI AppLocofy.aiは、FigmaやPenpotのデザインを本番対応のフロントエンドコードに変換します。React、React Native、Flutterなどの人気フレームワークをサポートし、デザインからコードへのプロセスを効率化します。このAI搭載ツールは既存のワークフローに統合され、セキュリティとコード品質を向上させ、開発サイクルを加速します。50ToolRank堅実
  21. 24PersadoAI AppPersadoは、規制されたブランド向けに設計されたAI駆動のクリエイティブエージェンシーで、コンプライアンスとパフォーマンスの洞察を活用してマーケティングキャンペーンを強化します。専門的なAIを活用してコンテンツ生成を最適化し、さまざまなチャネルでの規制遵守とブランドの一貫性を確保します。49ToolRank堅実
  22. 25FlowstepAI AppFlowstepは、無限のキャンバス上でテキストプロンプトから生産準備が整ったUIを生成するAIデザインツールです。チャットで反復し、Figmaにコピーし、Reactコードをエクスポートするか、MCPを介してIDEに接続します。デザイナーとプロダクトチームのために構築されています。49ToolRank堅実
  23. 26Codia - AI デザイン&開発AI AppCodiaは、アイデア、スクリーンショット、ファイルを編集可能なデザインに変換するAI搭載プラットフォームです。視覚コンテンツをFigma、PowerPoint、Canva、Studio用の再利用可能なアセットに再構築し、クリエイティブワークフローを合理化し、効率的なデザインイテレーションとコード生成を可能にします。48ToolRank堅実
  24. 27Pencil - キャンバス上のデザイン、コードへの着地AI AppPencilはデザインを直接IDEに統合し、ハンドオフを排除してエンジニアリングのスピードを向上させます。無限のデザインキャンバス、ピクセル単位の精度、シームレスなコード統合を、すべてコードベース内で提供します。48ToolRank堅実
  25. 28Supernova.ioAI Appトークン、コンポーネント、ドキュメント、コードパターンをAIコーディングおよびデザインエージェントのための構造化されたコンテキストに変換するエージェントデザインシステムプラットフォーム。単一の真実のソースを拡張する製品チームのために構築されています。46ToolRank堅実
  26. 29SubframeAI AppSubframeは、デザインとコードをシームレスに統合するAIネイティブデザインツールです。ユーザーは実際のコンポーネントを作成し、デザインシステムをAIエージェントに接続し、プロダクション準備が整ったReactおよびTailwind CSSコードをエクスポートすることで、コラボレーションと効率を向上させます。46ToolRank堅実
  27. 30Polymet - AI Product DesignerAI AppPolymetは、プロダクトチームが本番環境対応のデザインとフロントエンドコードを作成するのを支援するAIプロダクトデザイナーです。ユーザーは希望するインターフェースを説明するか画像を提示でき、Polymetがそれを設計・実装し、アイデアから製品出荷までの開発ワークフローを効率化します。43ToolRank堅実
  28. 31Evolv AIAI AppEvolv AIは、リアルタイムテストとパーソナライゼーションのためのAI駆動型UX最適化ツールを提供します。コンバージョンブロッカーを特定し、AI生成のUX改善を提供して効率的に収益を向上させます。自己最適化エンジンにより、デジタルエクスペリエンスを強化し、継続的な成長を実現します。42ToolRank堅実
  29. 32make real • tldrawAI Appmake real by tldraw を使用して、UI デザインを機能的なコードに変換します。図形を描画し、選択すると、OpenAI、Anthropic、Google の API キーに基づいて AI がコードを生成します。これは、ビジュアルコンセプトと実装の間のギャップを埋めるための、デザイナーと開発者向けの強力なツールです。38ToolRank新興
  30. 33KhromaAI AppKhromaは、デザイナーがカラーパレットを発見、検索、保存するために設計されたAI駆動のカラーツールです。ユーザーの好みを学習し、パーソナライズされたカラーハーモニーを生成することで、プロジェクトに最適なカラースキームを見つけるのを容易にします。37ToolRank新興
  31. 34SleekAI AppSleekは、アイデアや参照画像を完全なiOSおよびAndroidアプリの画面に変換するAIモバイルアプリデザイナーで、視覚的に編集し、FigmaやReact/HTMLコードにエクスポートできます。36ToolRank新興
  32. 35Plerdy コンバージョン最適化AI AppPlerdyは、訪問者がウェブサイトを離れる理由を理解するのに役立つコンバージョン率最適化ツールです。トラフィックとUX分析を提供し、レイジクリック検出やセッションリプレイにより、問題を特定し、壊れた要素を修正し、広告費用とユーザーエクスペリエンスを最適化することでROIを改善します。36ToolRank新興
  33. 36Paper – デザインツールAI AppPaperは、チーム、コード、データを1つのキャンバスでつなぐ現代的なデザインツールです。シームレスなデザインからコードへのワークフローを実現し、翻訳の過程で何も失われることがありません。36ToolRank新興
  34. 37Onlook — デザイナーのためのカーソルAI AppOnlookは、デザイナーとプロダクトマネージャーがAIを使用してウェブ体験を作成、編集、出荷するために設計されたビジュアルコードエディタです。チームが実際のコードベースで直接作業できるようにし、コラボレーションと効率を向上させます。36ToolRank新興
  35. 38UserlyticsプラットフォームAI AppUserlyticsは、包括的なリモートユーザーテストおよびUXリサーチプラットフォームです。モデレートテストと非モデレートテスト、プロトタイプテスト、グローバル参加者の募集を提供し、ウェブサイト、アプリ、デジタル体験のUXと使いやすさを向上させます。36ToolRank新興
  36. 39AI注意分析とヒートマップAI AppAttention Insightは、デザインおよびマーケティングチームが視覚を公開する前にユーザーの注目を理解するのを助けるAI駆動の注意ヒートマップを提供します。アイ・トラッキングラボを必要とせず、デザインを効果的に最適化するための即時のメトリクスと洞察を提供します。35ToolRank新興
  37. 40MockFlowAI AppMockFlowは、チームがブレインストーミング、UIのワイヤーフレーム作成、図の描画、コードの生成を行うための簡単なワイヤーフレーミングツールおよびAIオンラインホワイトボードであり、テキストやスクリーンショットを編集可能なデザインに変換するAI機能を備えています。34ToolRank新興
  38. 41UXMagicAI AppUXMagicは、テキスト、スケッチ、スクリーンショット、またはURLをFigma対応のUIデザインおよびエクスポート可能なHTML/Reactコードに変換するAI UIジェネレーターです。デザイナー、プロダクトマネージャー、スタートアップチームが迅速に製品を出荷するために構築されています。33ToolRank新興
  39. 42QoQo.aiAI AppQoQo.aiは、デザイナーのユーザー体験を向上させるために設計されたAIツールです。デザインエージェンシー、内部チーム、フリーランサーがUXライティングを迅速に生成し、コストを節約し、ユーザーリサーチと発見の効率を向上させるのに役立ちます。32ToolRank新興
  40. 43AIDesignerAI AppAIDesignerは、シンプルなプロンプトを高品質なウェブサイトUI、モバイルアプリ画面、ロゴ、ブランドキット、画像、マーケティンググラフィックスに変換するAI駆動のデザインプラットフォームです。デザイン経験のないユーザー向けに設計されており、プレミアム機能を利用できる無料トライアルを提供しています。31ToolRank新興
  41. 44VariantAI Appアプリやウェブサイトのアイデアのためのデザインツールで、スクロールすることで無限のデザインオプションを表示し、選択肢が尽きることのないクリエイティブディレクターのように機能します。30ToolRank新興
  42. 45Wonders Design ToolAI AppWondersは、AIを統合してデザインを生成し、正確な編集を行い、同じキャンバス上でコードコンテキストと連携するデザインツールで、迅速な制作とシームレスなデザインからコードへのワークフローを実現します。30ToolRank新興
  43. 46Frame0AI AppFrame0は、手描きスタイルのワイヤーフレームとプロトタイプを作成するクロスプラットフォームのオフラインファーストワイヤーフレーミングツールで、豊富なコンポーネントライブラリ、AIエージェント、MCPサポートを備えています。洗練されたBalsamiqの代替品です。29ToolRank新興
  44. 47Moonchild AI — プロダクトデザインのためのチャットAI AppMoonchild AIは、デザインシステムのコンポーネントを組み合わせて、製品準備が整った画面を迅速に生成することでプロダクトデザインを効率化します。プロダクトマネージャー、デザイナー、開発者向けに、迅速なUI生成とFigmaやClaude Codeなどのツールとのシームレスな統合を提供します。29ToolRank新興
  45. 48FlotoAI AppFlotoは、Figmaおよびブラウザ用のAIデザインフィードバックツールで、使いやすさ、コピー、アクセシビリティの監査を実施し、合成ペルソナでテストし、フローを検証します。プロダクトデザイナー、UXチーム、創業者のために構築されています。29ToolRank新興
  46. 49UxiaAI AppUxiaは、合成AIテスターを使用してUX/UIを検証するAI駆動のユーザーテストプラットフォームです。参加者を募集するのではなく、製品デザイナーやUX研究者が数分で実用的なユーザビリティの洞察を得るために構築されています。29ToolRank新興
  47. 50UXsniff AI UX ChangesAI AppUXsniffは、ウェブサイト上のユーザーエクスペリエンス(UX)の変更を自動的に検出するAIツールです。これらの変更がユーザー行動に与える影響を説明し、チームがアップデート展開後に本当に重要だったことを迅速に理解できるよう支援し、推測を減らし、意思決定を改善します。28ToolRank新興

編集部のまとめ

Webflow tops the board as an agentic web platform for designing, building, and optimizing sites without writing code, which covers design and delivery in one place. Figma Draw follows for creating layouts, graphics, and interactive prototypes, tied into Figma Make.

The Figma tools spread across needs here. Figma Make turns ideas into working builds with AI, Figma Buzz streamlines collaborative design, and Figma itself unifies design, code, and AI for teams. For diagramming and flows, Lucidchart uses AI and automation to build clear diagrams. UserTesting is the research pick, gathering real human insight to validate designs before you commit. Framer is a no-code website builder with AI site generation for designers who want full visual control.

Use Webflow or Framer to design and ship a site, the Figma tools for UI and prototyping, and UserTesting when you need to check ideas with real people.

よくある質問