JA

English 简体中文日本語

AIデザインツール

UX Magic

プロンプトと URL から本番 UI コードを生成

公式サイトを見る

タグ無料AIツールエンタープライズAIツールクリエイターツールプライバシー重視AIツール AIデザインツール

UXMagic とは

UXMagic は複数の入力からインターフェースを生成する。入力はテキストプロンプト、手書きスケッチ、スクリーンショット、URL である。結果は編集可能な Figma レイヤーや HTML、React のコードに書き出せ、Figma プラグインで既存ファイル内でも生成できる。

Figma のデザインシステムを取り込むこともでき、生成した画面は既存の文字体裁、配色、コンポーネントに従う。

できること

プロンプトから複数画面の UI を生成する
サイトの URL を参考として複製する
スクリーンショットやスケッチを Figma デザインに変換する
HTML や React のコードを書き出す

向いている人

デザイナーやプロダクトマネージャー
素早くリリースするスタートアップチーム
デザインと併せてコードが欲しいチーム
デザイン経験のない人

注意点

フロントエンドを書き出してもバックエンドの実装は自身の負担である
本番対応コードや唯一の完成ツールとするベンダーの主張はマーケティングである
他サイトのデザインを複製すると著作権や模倣の懸念がある
導入前にライセンスとコードの品質を確認すること

長所と短所

✓ 良い点

URL を含む4種類の入力
Figma との深い連携
デザインと併せてコード書き出し

! 注意したい点

ベンダーの主張は要確認
複製には模倣のリスクがある
バックエンドの実装は別途必要

よくある質問

What inputs does UXMagic accept?

Text prompts, sketches, screenshots and site URLs.

Is exported code production-ready?

The site claims so, but review structure and conventions before deployment.

Can it use my design system?

Yes. Figma designs can be imported so generated screens follow your components.

最終評価日: 2026-09-17

その他 AIデザインツールツール

すべて見る →