# Uizard

アプリ、Webサイト、デスクトップソフトウェアのモックアップ、ワイヤーフレーム、プロトタイプを、テキスト指示やスクリーンショット、テンプレートから生成・編集できるAI搭載UIデザインツール。

- Findings24: <https://findings24.com/ja/tools/uizard>
- ウェブサイト: <https://uizard.io>
- 料金: Freemium
- カテゴリー: AIデザインアシスタント, AI UIジェネレーター

## Uizardとは？

Uizardは、アプリ、Webサイト、タブレット、デスクトップソフトウェアのモックアップ、ワイヤーフレーム、プロトタイプを作成するためのAI搭載UIデザインプラットフォームです。テキスト指示、スクリーンショット、テンプレート、ドラッグ＆ドロップ編集を使い、アイデアから編集可能なデザインまで数分で進めたい人向けのツールとして紹介されています。

Autodesigner機能は中核となるAIワークフローです。ユーザーはプロジェクト、画面、テーマ、複数画面のプロトタイプを生成し、その後もエディター内で反復的に編集できます。また、各プランでスクリーンショットスキャン、ワイヤーフレームスキャン、リアルタイムコラボレーション、エクスポートや開発者向けハンドオフ機能が紹介されています。

## Uizardでできること

### テキストからのデザイン生成

シンプルなテキスト指示から、複数画面の編集可能なデザインを作成できます。Autodesigner 2.0はエディター内の主要なUI生成機能として位置付けられています。

### AIによるコンポーネント編集

要素を選択して変更内容を説明すると、Autodesignerが既存のコンポーネントに更新を適用します。

### スクリーンショット／ワイヤーフレームスキャナー

スクリーンショットを編集可能なモックアップに変換し、スキャンツールで手描きのワイヤーフレームをデジタル化できます。

### テンプレートを使った開始

モバイルアプリ、Webサイト、Webアプリ、タブレットアプリ、アプリのワイヤーフレーム、Webサイトのワイヤーフレーム向けの既成テンプレートから始められます。

### チームコラボレーションツール

リアルタイムのマルチプレイヤー編集、コメント、公開リンク、プロジェクト共有、非公開プロジェクトを通じて、チームメンバーと共同作業できます。

### エクスポートとハンドオフのオプション

デザインをJPG、PNG、PDFとしてエクスポートでき、対応する有料プランではCSSとReactコンポーネントによる開発者向けハンドオフを利用できます。

## 利用シーン

### 初期段階のプロダクト構想

プロダクトマネージャーやプロダクトチームは、AI生成を使って概要から編集可能な画面まで進め、モックアップを作成しながらフローのアイデアをすばやく反復できます。

### デザインの反復と改善

デザイナーやUX担当者は、テキストから初稿を生成し、白紙のキャンバスから始める代わりに、エディターでコンポーネントや画面を調整できます。

### クライアント向けモックアップ

マーケター、コンサルタント、エージェンシーは、クライアントと共有できるインタラクティブなモックアップを作成し、レビューサイクルを短縮できます。

### スタートアップのプロトタイピング

スタートアップの創業者は、漠然としたアイデアをMVP形式のプロトタイプに変換し、社内の認識合わせや初期検証に活用できます。

### 開発者向けハンドオフ

開発者は、対応プランでエクスポートしたデザインアセットとハンドオフ出力を使い、デザイン作業を実装につなげられます。

## よくある質問

### Uizardは何に使うものですか？

Uizardは、アプリ、Webサイト、デスクトップソフトウェア向けのAI搭載UIデザインツールです。テキスト指示、スクリーンショット、手描きのワイヤーフレームからデザインを生成・編集することを中心に構成されています。

### Uizardには無料プランがありますか？

料金ページには、Freeプランと有料のTeam、Business、Enterpriseプランが掲載されています。Freeプランは学生やホビーユーザー向けとされ、上位プランではAI生成回数、コラボレーション、チーム管理機能が追加されます。

### Uizardではチームで共同作業できますか？

はい。料金ページには、マルチプレイヤーによるリアルタイムコラボレーション、コメント、共有可能な公開リンク、プロジェクトのクイック共有、Web上でのプロジェクト埋め込み、非公開プロジェクト、プラン全体での一元的なチーム管理が掲載されています。上位プランでは、より高度なチーム管理機能を利用できます。

### Uizardではどのような出力を生成できますか？

Uizardでは、Autodesignerや関連するAI機能を通じて、プロジェクト、画面、テーマ、画像、ヒートマップ、デザインレビュー、スクリーンショットスキャン、ワイヤーフレームスキャン、テキストまたは画像アシスタントの出力を生成できます。

### どのようなエクスポートやハンドオフに対応していますか？

掲載元のページでは、JPG、PNG、PDFへのエクスポートに加え、Teamプラン以上でCSSおよびReactコンポーネントによる開発者向けハンドオフに対応していることが示されています。これら以外の機能について、ページには統合機能の完全な一覧は記載されていません。

## クイック情報

- **カテゴリー**: AI UIデザインツール
- **対応プラットフォーム**: アプリ、Webサイト、タブレットアプリ、Webアプリ、デスクトップソフトウェア
- **主なワークフロー**: テキスト指示、スクリーンショットスキャン、ワイヤーフレームスキャン、テンプレート、ドラッグ＆ドロップ編集
- **料金体系**: Freeプランと有料のTeam、Business、Enterpriseプラン
- **エクスポートオプション**: JPG、PNG、PDF。対応プランではCSSおよびReactによるハンドオフにも対応
- **ソースドメイン**: uizard.io