Uizard — UIデザイン・プロトタイプ

Uizard

Uizardは、テキストのプロンプトから複数画面の編集可能なプロトタイプを生成し、スクリーンショットや手描きのスケッチを編集可能なデザインに変換する、AI支援のインターフェースデザインツールです。

おすすめの理由

UIデザイン・プロトタイプ

ウェブ

uizard.ioへ移動

知っておきたいこと

ツールごとにプランを確認してください。利用枠は機能間で共通とは限りません。

最新の利用枠と出力条件は公式サイトで確認してください。

知っておきたいこと
知っておきたいことウェブ
無料で出力—
登録不要—
透かしなし—
オフライン対応—
一括処理—
コンテンツの言語—

— 未確認の利用条件. 公式資料を確認しています。アプリの実機テストは行っていません。 出典で確認できるコンテンツ言語の対応のみを検索します。画面の言語とは異なります。

情報源と確認日2
提供者からの修正・フィードバック

提供者からの修正・フィードバック

製品の代表者は、出典付きの修正や更新を送信できます。公開前に編集部が確認します。

編集部の選び方ガイド

最終確認:

どんな人向け?

  • デザインのスキルが限られていて、アイデアをすばやくクリックして操作できるプロトタイプにしたい創業者やプロダクトマネージャーに向いています。
  • 手元のスクリーンショットや紙に描いたワイヤーフレームを、編集可能な画面に変えたい人に向いています。

始め方

  • サイトで無料登録し、新しいプロジェクトを開きます。
  • 画面をテキストで説明するか、スクリーンショットやスケッチをスキャンし、生成された画面でテキスト、コンポーネント、レイアウトを手作業で修正します。
  • プロトタイプをチームと共有し、開発者への引き渡し(ReactとCSS)が必要な場合は、料金ページでどのプランで使えるかを確認します。

選ぶポイント

  • 無料プランで使えるのは、AI生成が月3回、プロジェクト2件、1プロジェクトあたり5画面だけです。数画面の試用なら足りるかもしれませんが、定期的な作業にはPro以上のプランを検討してください。
  • 生成されたデザインは最初のたたき台として扱い、ブランドやアクセシビリティのルールはご自身で確認したうえで、必要なら、より詳細なデザインツールに移してください。

制限

  • 確認したページには、エクスポート形式と商用利用の条件が記載されていません。開発者への引き渡しは、ReactとCSSとしてProプランにのみ記載されています。
  • AIの出力がプロンプトと完全には一致しない場合があります。公開する前に、生成されたテキストとレイアウトを確認してください。プランの制限や料金は変更される場合があります。

よくある質問

Uizardは無料ですか?

料金ページには、AI生成が月3回、プロジェクト2件、1プロジェクトあたり最大5画面、無料テンプレート10個、閲覧者無制限の無料プランが載っています。Proプランでは月500回の生成とAutodesigner 2.0が加わります。

スクリーンショットからデザインを作れますか?

ホームページでは、Screenshot Scannerがスクリーンショットを編集可能なモックアップに変換し、Wireframe Scannerが手描きのスケッチをデジタル化すると説明されています。結果の品質は、ご自身のサンプルで試して確認してください。

公式情報 (2)
uizard.io/uizard.io/pricing/