Toolso.AI
Toolso.AI
すべてのツールカテゴリ急上昇最新ツール料金プランブログ
Toolso.AI
Toolso.AI

💌AIツールウィークリーを購読

最新かつ最も注目されるAIツールとトレンドの週次厳選セレクションをメールボックスにお届けします 購読

Toolso.AI
Toolso.AI

生産性を向上させる最高のAIツールを発見する

GitHubGitHubTwitterX (Twitter)YouTubeYouTubeTikTokEmail

人気カテゴリ

  • AI執筆
  • AI画像
  • AI動画
  • AIコーディング
  • 他のカテゴリ

探索

  • 最新ツール
  • 人気ツール
  • 他のツール
  • ツールを提出
  • 料金

会社概要

  • 会社概要
  • お問い合わせ
  • ブログ
  • 変更履歴

法的情報

  • クッキーポリシー
  • プライバシーポリシー
  • 利用規約
  • 返金ポリシー
© 2026 Toolso.AI 無断転載を禁じます
期間限定期間限定注目掲載24時間優先審査・被リンク不要・30日間注目表示$29.90終了後 $59.9012月31日以降 $59.90に値上げ終了まで--:--:--今すぐ投稿
  1. ホーム
  2. すべてのツール
  3. コラボレーションツール
  4. Uizard
Uizardのインターフェースプレビュー
Uizardのロゴ

Uizard

Uizard は AI による UI デザインと視覚編集、ブラウザープレビューを組み合わせます。引き継ぎや使用量、データ利用の条件はプランによって異なります。

コラボレーションツールデザインツール#チームコラボレーション#プロトタイプワイヤーフレーム#プロトタイピング
価格を見る
保存
アクセス数
閲覧数
価格
有料
公開日
2026年11月12日
ドメイン
uizard.io
ユーザー評価

このツールを使いましたか?評価してください

このツールを評価する
価格を見る

Uizard 製品情報

価格を見る
ツール情報
保存
アクセス数
閲覧数
価格
有料
公開日
2026年11月12日
ドメイン
uizard.io
ユーザー評価

このツールを使いましたか?評価してください

このツールを評価する

注目のツール

関連ツール

ホームランキング類似ツール

Uizardとは?

Uizard は、アプリやウェブサイトの編集可能なモックアップを作る AI UI デザインプラットフォームです。製品の構想を文章、既存のスクリーンショット、手描きワイヤーフレームから始め、視覚的なデザイン環境で発展させられます。

成果物は完成したアプリケーションの納品より、デザインと議論を目的としています。対話型プロトタイプは想定する画面遷移をブラウザーで示し、画像、PDF、コンポーネントのコード断片はそれぞれ別の引き継ぎに役立ちます。プランによって AI 利用枠、プロジェクト数、コンポーネントコードへのアクセスが異なります。

主な機能

デザインの生成と修正

Autodesigner 2.0 は対話型インターフェースとドラッグ&ドロップのエディターを組み合わせます。Uizard は、指示文から個別画面や複数画面の対話型プロトタイプを生成する機能、1 個または複数のコンポーネントを選んで変更内容を文章で伝える機能を紹介しています。テキストからテーマを生成し、プロジェクトの視覚的な方向を変える方法もあります。

視覚資料から始める

  • スクリーンショットスキャナー: ウェブサイトやアプリの画像を編集可能なデザインにできます。入力として JPG、PNG、HEIC が案内され、変換後の文章、色、画像を編集できます。各サブスクリプションで使えますが、利用には制限があります。
  • ワイヤーフレームスキャナー: 手描きのワイヤーフレームを編集可能なプロトタイプに変換します。タブレットで描いた図も画像やスクリーンショットとして保存してアップロードでき、PNG、JPEG、HEIC が対応形式として挙げられています。
  • ワイヤーフレームモード: 製品チーム向けページでは、プロジェクトの低忠実度表示と高忠実度表示を切り替える方法を紹介しています。議論に必要な視覚的詳細を選べますが、動作するサービスを実装したことにはなりません。

スクリーンショットスキャナーは一括処理ではなく、1 枚ずつ処理します。トラブルシューティングによると表はサポートされず、フォント、配置、画像が入力と異なり手動調整が必要になる場合もあります。これは変換上の具体的な制約であり、すべての画像の精度を測った結果ではありません。

画面の流れを確認

対話型プロジェクトのプレビューでは、ホーム画面が最初に表示されます。プレビューモードの移動には、すでにインタラクションを設定したコンポーネントを使います。プレビューを開くだけでリンクは作成されません。概要表示ではプロジェクト全体を見ながら拡大・縮小、インタラクションの表示切替、コメントの追加や解決ができます。

ガイド

スクリーンショットから画面を作る

既存プロジェクトに画面を追加する場合、Uizard の文書は AI アシスタントを使ったスクリーンショット変換を次のように説明しています。

  1. ウェブサイトやアプリの画面を JPG、PNG、HEIC で撮影し、プロジェクトを開きます。
  2. How can I help you? を開き、Generate a screen、Screenshot の順に選びます。
  3. 画面の種類を選び、クリックまたはドラッグで画像をアップロード領域に入れます。
  4. Use in design を選ぶか、結果を変更してから採用します。

スクリーンショットは 1 枚ずつアップロードします。提供元はより良い結果のため、モバイルアプリの画像から端末の枠を取り除くよう勧めています。

プレビューの設定と確認

クリックできる流れには、コンポーネントと画面の接続が必要です。Uizard はコンポーネントを選び、インタラクションの矢印を移動先の画面にドラッグする方法を説明しています。接続した後のプレビュー手順は次のとおりです。

  1. 開始画面のタイトル横にある三点メニューを開き、Set as home screen を選びます。
  2. プロジェクト右上の Preview を選びます。
  3. 設定済みのインタラクティブなコンポーネントをクリックし、接続先の画面へ移動します。
  4. Overview を開いて全体を縮小表示し、インタラクションの表示切替やコメントの追加・解決を行います。

プレビューにはホーム画面または前の画面へ戻る操作と、全画面表示の操作もあります。

画面とコンポーネントの書き出し

引き継ぎ資料は複数の画面画像にも、コンポーネント単位のコード参照にもなります。文書の視覚資料の書き出しには Handoff Mode を使います。

  1. 書き出す画面を選択します。ヘルプでは CMD + A または CTRL + A でプロジェクト全体の画面を選ぶ例を示しています。
  2. 右側メニューから Handoff Mode を開きます。
  3. PDF、JPG、SVG、PNG と 1x から 4x の倍率を選びます。PNG には背景を透明にする切替もあります。
  4. Preview で選択ページを確認し、Export を選びます。

画面やコンポーネントを個別に選んで書き出すこともでき、選択された各項目は別々の画像または PDF ファイルになります。

コンポーネントの引き継ぎでは、Pro、Business、Enterprise の契約者が選択したコンポーネントを 1 個ずつ確認できます。CSS はコピーでき、React はコピーするか個別のコンポーネントファイルとしてダウンロードできます。同じヘルプはプロジェクト全体を HTML、JavaScript、script として書き出せず、現在ダウンロードできるコードは個別の React コンポーネントだと説明しています。

Uizard の活用例

製品ワークショップ

紙やホワイトボードのスケッチは、ワイヤーフレームスキャナーを使ってデジタル画面の出発点にできます。Uizard の製品チーム向け資料は作業のリアルタイム共有や、利用者・関係者によるプロトタイプのテストも説明しています。視覚的な出発点を一枚の図で終わらせず、レビューに進められます。

デザインと引き継ぎの話し合い

Uizard は、開発者を含む利用者が画面を作り、使い捨ての初期プロトタイプを改善するためのエディターとして紹介されています。共有プレビューで意図する移動の流れを製品チームに伝え、コメントを個々の画面やプロジェクト全体の議論に使えます。

対象ユーザー

プロダクトマネージャーとチーム

Uizard は編集可能なスクリーンショット、文章から作るモックアップ、リアルタイム協業を製品チーム向けに紹介しています。同じ資料には利用者や関係者とプロトタイプをテストする使い方もあり、実装前に共有して議論するデザインが成果物になり得ます。

レビュー参加者全員が編集する必要はありません。料金ページは閲覧者とコメント担当者を無料・無制限と案内する一方、有料契約は Creator 編集席に課金します。少人数が編集し、多くの人が閲覧やコメントをする場合、この違いはチーム費用に関係します。

開発者とデザイン協力者

開発者向け資料はドラッグ&ドロップで使い捨てのプロトタイプを作り、チームと構想を共有する方法を紹介します。対応する有料プランのコンポーネントコード引き継ぎでは、選択した React または CSS を参照できますが、コードのダウンロードは個別の React コンポーネントに限られます。

プラットフォーム

Uizard の対話型プレビューはブラウザーで表示し、インターネット接続が必要です。ヘルプセンターは iPad やモバイル端末での編集を正式にはサポートせず、機能が制限される場合があると説明しています。モバイルアプリの画面を設計できることは、エディター自体がスマートフォンやタブレットに対応する保証とは異なります。

既存の Figma デザインを Uizard に取り込む

Uizard は Figma で選択したコンポーネントをコピーし、Uizard に貼り付けるプラグインを文書化しています。これは Uizard エディターへの入力経路です。取り込みができることだけで、元のプロジェクト全体を編集構造ごと逆方向に書き出せるとは言えません。

もう一つの方法は Figma の画面を 1x の PNG または JPG に書き出し、import from screenshot からアップロードすることです。ヘルプによるとプロジェクト画面は 1 枚ずつアップロードします。

価格

次は 2026 年 11 月 12 日に表示された Uizard の料金です。料金ページの有料カードにある月額は年払いの場合の金額です。サブスクリプションヘルプは Creator 席ごとの有料価格を説明し、利用規約は価格、料金、返金が米ドルで扱われるとしています。

プラン表示価格AI 利用枠とプロジェクトカードのその他の内容
Free$0AI 生成は月 3 回、Autodesigner 1.5、プロジェクト 2 件無料テンプレート 10 件、無料閲覧者・コメント担当者は無制限
Pro月 $12、年払いAI 生成は月 500 回、Autodesigner 2.0、最大 100 プロジェクトReact/CSS の引き継ぎ、非公開プロジェクト、全テンプレート
Business月 $39、年払いAI 生成は月 5,000 回、プロジェクト無制限Pro を含み、生成の高速化、独自ブランドキット、優先サポート
Enterprise個別見積もり、年払いAI 生成とチームは無制限Business を含み、デザインシステム設定、AI データ SLA、個別請求、導入支援

ヘルプは Pro の別の支払い方法として、月間契約で Creator 1 席につき月 $19 を掲載しています。Business は年間契約のみです。ヘルプの Creator は有料の編集席で、料金ページは無料の閲覧者とコメント担当者を別に案内します。そのため Creator の表示価格を閲覧者全員に自動適用してはいけません。

二つの公式表にある機能別利用枠

料金比較表とサブスクリプションヘルプは、複数の機能について Business の数字が一致しません。料金比較表ではスクリーンショットスキャンとワイヤーフレーム・スケッチのスキャンが、それぞれ Free 月 3 回、Pro 500 回、Business 5,000 回、Enterprise 無制限です。テキストアシスタントと画像アシスタントもそれぞれ同じ 4 段階の月間数値です。

一方、ヘルプの表はスクリーンショットとワイヤーフレームのスキャン、テキスト・画像アシスタントを Free 月 3 回、Pro 500 回、Business 無制限としています。URL からのテーマ生成も Free、Pro、Business に同じ数字を別に掲載しています。料金比較表のテーマ行はテーマとブランドキットを指すため、二つの行名を完全に同じ指標として扱うべきではありません。確認したページは Business の異なる数値の関係を説明していません。

FAQ によると現在、Autodesigner、スクリーンショットスキャナー、ワイヤーフレームスキャナーで AI 生成を何回使い、何回残っているかを見る方法はありません。

更新、解約と返金

規約は、変更または解約されない限り、当初選んだ契約期間と同じ長さの期間でサブスクリプションが継続更新されるとしています。解約ヘルプは、解約が即時ではなく請求サイクルの終了時に有効になると説明しています。

Pro の解約後、組織は Free に移り、最初の 2 プロジェクトと各最大 5 画面のみアクセス可能になるとヘルプは説明します。ほかのプロジェクトと画面は削除されず、Pro を再契約すると以前のプロジェクトを表示・編集できるとも記載されています。これはダウングレード後のアクセス説明です。契約期間の満了後に顧客データを維持する義務については、別の終了条項が扱います。

公開規約には二つの返金条項があります。5.5 条は未使用のサービスを含め、支払い済み料金は返金しないとしています。一方 5.6 条は購入から 14 日以内に解約しサポートに連絡した場合、顧客には返金を受ける権利があるとしています。解約ガイドは申請フォームへの入力とサポートへの連絡を求め、資格があれば返金処理を開始すると説明しています。各条項の範囲を分けて紹介しており、個々の申請で両条項がどう関係するかは文書に説明がありません。

Uizard の代替サービス

既存の作業が Figma にあるチームにとって、Figma Make は別の出発点です。同社のデザインからコードへのページは、フレームから始めて編集可能な機能コードを生成し、内蔵エディターでコードを確認・変更する方法を説明しています。Uizard が文書化している連携は逆方向で、コンポーネントを Uizard へコピーするか画面画像を取り込みます。Uizard 自体のコード書き出しは個別の React コンポーネントに限られます。

2025 年 12 月の実体験に基づく比較は、Autodesigner 1.5 の出力が UX Pilot または Visily より洗練されていない一方、Uizard の手動デザインツールはこの二つより優れていると評価しました。この観察は試験された 1.5 に関するもので、Uizard の Pro カードに記載される Autodesigner 2.0 の評価ではありません。

制限事項

プロトタイプの外に残る作業

Uizard のヘルプは、完全に機能するアプリを作るためのバックエンドやデータベースを接続できず、現在 API アクセスも提供していないとしています。視覚的プロトタイプが必要なのか、アプリのデータと動作を実行するプラットフォームが必要なのかを判断する際の製品範囲です。

書き出しにも制約があります。ガイドはプロジェクトのレイヤーとコメントを書き出せず、PDF にクリック可能なインタラクションを残せないと説明しています。ブラウザープレビューには設定済みの移動や製品内コメントが残る場合がありますが、これらをダウンロードファイルに含まれる内容と混同できません。

所有権とプロジェクトの公開範囲

Uizard の FAQ はコンテンツ、指示文、情報がユーザーのものだと広く説明しています。規約はデザイン成果物の所有権を、アップロードした画像、スクリーンショット、イラスト、フォント、アイコン、ブランド名を本人が所有または使用する権利を持つ範囲に限定します。二つの説明は範囲が異なり、すべてのアップロード素材を自由に使えると結論づけるものではありません。

規約は、自動生成されたグラフィカルな画面、プロトタイプ、デザインシステム、デザインファイル、コードやその他の出力形式について著作権保護を保証しません。出力の一意性も保証せず、出力に関する権利を非独占的と説明しています。これらは公開契約の記載であり、特定のデザインについての独立した法律判断ではありません。

組織内の公開プロジェクトは全チームメンバーがアクセスでき、非公開プロジェクトは所有者のみがアクセスできます。この可視性設定はモデルの学習とは別の問題です。

学習と保存

規約によると Free と Pro のユーザーが作成・アップロードしたデザイン成果物は、機械学習モデルの微調整や学習に使われる可能性があります。Business と Enterprise の対応する成果物はその目的に使われないとしています。Enterprise の顧客はデータ利用とセキュリティを含む SLA を要請できます。これらはプラン別の規約説明であり、すべてのプロジェクトが学習に使われる、または使われないと一律に断言すべきではありません。

終了条項は、サブスクリプションの解約と契約期間の満了後、Uizard に顧客データを維持する義務がなく、直ちに削除するかプライバシーポリシーに定める慣行に従って保持できるとしています。別の条項は、終了の発効日から 30 日以内に顧客が書面でデータファイルを請求でき、その期間後は会社にデータを維持・提供する義務がないと説明します。

顧客の連絡担当者について、プライバシーポリシーの表には連絡先と会社情報、やり取りの内容、請求情報、クレジットカード情報が挙げられています。該当する個人データは収集された年の後、最大 5 年間保持され、法的請求への防御など必要な場合はさらに長く保持されることがあります。この表は列挙された個人データの種類を対象としており、すべてのプロジェクトファイルを 5 年間保持することを示すものではありません。

よくある質問

Q1. スクリーンショットを編集可能な Uizard 画面にできますか?

はい。スクリーンショットスキャナーは JPG、PNG、HEIC の画像を 1 枚ずつ受け取り、編集可能な画面を生成します。ヘルプは表に対応していないと説明しています。

Q2. Uizard はアプリ全体をコードとして書き出せますか?

いいえ。書き出しガイドはダウンロード可能なコードを個別の React コンポーネントに限定しています。有料の Handoff Mode では CSS のコピーもできます。

Q3. Pro を解約するとプロジェクトはどうなりますか?

解約ガイドによると、最初の 2 プロジェクトと各最大 5 画面のみアクセス可能なままです。Pro を再契約すると、削除されていないほかのプロジェクトへのアクセスが回復します。

類似のツールをご存知ですか?
他の素晴らしいAIツールをご存知でしたら、ぜひ私たちに提出してください