overview
UXMagicとは？
UXMagicは、UXMagic.aiによって開発されたAI UIデザインジェネレーターツールで、プロダクトデザイナー、UI/UXデザイナー、創業者、開発者がFigma対応のデザインと本番環境対応のコードを作成できるようにします。テキストプロンプト、手書きのスケッチ、スクリーンショット、またはURLを、サイトマップ、ワイヤーフレーム、モックアップを含む高忠実度のUIデザインに変換し、構造化された編集可能なレイヤーとオートレイアウトを備えています。
AIツール
UXMagic レビュー
UXMagicは、テキストプロンプト、スケッチ、スクリーンショット、URLなど、さまざまな入力からFigma対応のデザインと本番環境対応のコードを作成するAI UIデザインジェネレーターです。
shipped 2026年7月6日image-generationfreemium
Domain rating44Monthly visits3.5K/mo
image-generationcode
注目ポイント
1テキスト、スケッチ、スクリーンショット、またはURLからFigma対応のUIデザイン、ワイヤーフレーム、モックアップを生成します。
2本番環境対応のHTMLまたはReactコードを出力し、デザインから開発へのワークフローを効率化します。
330回限りのクレジットを提供する無料プランと、月額29ドルのUX Magic Proプランを備えたフリーミアムモデルを提供しています。
4単一のテキストプロンプトからマルチスクリーンUIデザインをサポートし、Figmaと直接統合します。
UXMagic について
料金プラン
Free
$0/mo
- • 30 free credits (one-time)
- • up to 5 screens
- • 5 Projects
- • 1 Figma Export
UX Magic Pro
$29/mo
- • 1200 credits (Monthly)
- • up to 200 screens
- • Unlimited Projects
- • 250 Figma Exports
Enterprise
Custom credits based on team plan / varies
- • Everything in Pro
- • Unlimited AI-generated screens
- • Unlimited team seats
- • Custom credit allocation
コスト例
- • Generate 1 full UI design using 10 credits
仕様
APIドキュメント
API提供状況
はい、公開API
features
UXMagicの主な機能
UXMagicは、AI駆動の生成と既存のワークフローとのシームレスな統合に焦点を当て、UI/UXデザインおよび開発プロセスを加速するように設計された一連の機能を提供します。
- テキストプロンプト、手書きのスケッチ、スクリーンショット、またはURLからのAI UIデザイン生成。
- 整理されたレイヤーとオートレイアウトを備えたFigma対応デザインの作成。
- サイトマップ、ワイヤーフレーム、高忠実度モックアップの生成。
- さらなる洗練とコラボレーションのためのFigmaへの直接出力。
- すぐに使用できるHTMLまたはReactコードの生成。
- 単一のテキストプロンプトからのマルチスクリーンUIデザインのサポート。
- 任意のウェブサイトを完全に編集可能なバージョンにクローンする機能。
- ブランドの一貫性のための既存のFigmaデザインシステムの統合。
use cases
UXMagicを使用すべきユーザー
UXMagicは、デジタル製品作成に関わる多様な専門家向けに設計されており、デザインと開発のワークフローを合理化することを目指しています。
- プロダクトデザイナー＆UI/UXデザイナー: 迅速なUI生成、プロトタイピング、アイデアを編集可能なFigmaファイルに変換するため。
- 創業者＆スタートアップチーム: 製品のアイデアを迅速に視覚化し、テスト用のプロトタイプを生成し、プレゼンテーション可能なモックアップを作成するため。
- 開発者: 本番環境対応のHTMLおよびReactコードを生成し、手動コーディングと引き渡しの摩擦を軽減するため。
- プロダクトマネージャー＆アジャイルプロダクトチーム: デザインワークフローを加速し、プロトタイピングをスピードアップし、複数のインターフェースの方向性をより迅速に探索するため。
- デジタルエージェンシー: コンセプトからコードまで、効率的なクライアントプロジェクトの提供のため。
how to use
UXMagicの使用方法
ユーザーはさまざまな入力によってデザイン生成を開始でき、UXMagicはそれを処理して構造化されたUIデザインとコードを作成します。プラットフォームはウェブインターフェースを介してアクセスできます。
- 1ウェブブラウザでhttps://uxmagic.ai/にアクセスしてUXMagicプラットフォームにアクセスします。
- 2テキストプロンプトを使用するか、手書きのスケッチやスクリーンショットをアップロードするか、URLを提供してデザイン要件を入力します。
- 3Figma対応のデザイン、HTML、またはReactコードなど、希望する出力形式を選択します。
- 4構造化されたデザインのために「フローモード」を利用して、マルチスクリーンUIデザインを生成します。
- 5生成されたデザインをFigmaに直接エクスポートして、さらに編集および共同作業を行います。
- 6開発用に本番環境対応のHTMLまたはReactコードをダウンロードします。
pricing
UXMagicの価格とプラン
UXMagicはフリーミアムモデルで運営されており、生成アクションにはクレジットベースのシステムを使用しています。クレジットは有料プランの場合、毎月更新され、繰り越されません。価格のスナップショットはhttps://uxmagic.ai/pricingで確認できます。
- 無料プラン: 月額0ドル、テスト目的で30回限りのクレジット（約5画面分）が含まれます。クレジットは補充されません。
- UX Magic Pro: 月額29ドル（年間請求では30%割引でさらに安くなります）、月間480クレジット（約80画面分）を提供します。
- エンタープライズ: チームプランに基づいてカスタムクレジットが提供され、価格は組織のニーズによって異なります。
Pros
- +Generates production-ready HTML and React code, streamlining the design-to-development workflow.
- +Supports diverse input types: text prompts, hand-drawn sketches, screenshots, and URLs for UI generation.
- +Outputs directly to Figma with structured, editable designs, organized layers, and auto-layout.
- +Includes 'Flow Mode' for generating multi-screen, connected UI designs from a single prompt.
- +Allows import of existing Figma design systems for consistent AI-generated outputs.
- +Offers a freemium model with a functional free tier for initial exploration.
Cons
- −Initial AI-generated designs often require refinement in Figma to achieve a polished and unique visual aesthetic.
- −Quality of output is highly dependent on the specificity and clarity of input prompts.
- −Credit-based usage model may require careful management for extensive projects on paid plans.
- −Some users have reported variability in generation quality, with occasional dissatisfaction regarding output relevance or design elements.
ポリシー
料金ページ
料金を見る→類似ツール
UXMagicと競合他社
UXMagicは、本番環境のワークフロー向けに構築された包括的なAI UIジェネレーターとして位置付けられており、直接Figmaおよび本番環境対応のコードエクスポートを含む、入力と出力の多様性によって差別化されています。
1
Specializes in turning text, screenshots, or hand-drawn sketches into editable wireframes and mockups quickly.
Uizard offers a similar AI-powered generation from various inputs, but its code export might be less direct or production-ready compared to UXMagic's explicit HTML/React code generation, potentially requiring more manual refinement.
2
Focuses on generating high-fidelity, editable UI designs directly from natural language text prompts.
Galileo AI excels at generating designs from text prompts and integrating with Figma, similar to UXMagic. However, it currently focuses more on the design output to Figma and less on direct production-ready HTML/React code generation compared to UXMagic's explicit code export.
3
Combines AI design generation from text/image with a visual builder that directly exports production-ready code for multiple frameworks.
TeleportHQ offers a strong design-to-code workflow and AI generation capabilities, similar to UXMagic. While it can generate from text and images, its initial AI generation might be less focused on diverse inputs like hand-drawn sketches or URLs compared to UXMagic.
Storkでもっと
関連AIツール
同じカテゴリの他のツール（共通タグで関連付け）