どんな人向け？
- ピクセル単位の細部に入る前に、画面の流れとレイアウトをすばやく描きたい人に向いています。ドラッグ＆ドロップで使えるステンシルライブラリには、iOS、Android、Bootstrapのコンポーネントが含まれます。
- ワイヤーフレームとあわせて、フローチャート、ユーザーフロー、UML図も描く必要がある人に向いています。
Moqups — UIデザイン・プロトタイプ
Moqups
Moqupsは、ウェブサイト、アプリ、ダッシュボード向けのワイヤーフレーム、モックアップ、インタラクティブなプロトタイプ、ダイアグラムを作成できる、クラウドベースのデザインツールです。
おすすめの理由
| 知っておきたいこと | ウェブ |
|---|---|
| 無料で出力 | 対応 |
| 登録不要 | — |
| 透かしなし | — |
| オフライン対応 | — |
| 一括処理 | — |
| コンテンツの言語 | — |
— 未確認の利用条件. 公式資料を確認しています。アプリの実機テストは行っていません。 出典で確認できるコンテンツ言語の対応のみを検索します。画面の言語とは異なります。
情報源と確認日2
提供者からの修正・フィードバック
編集部の選び方ガイド
最終確認:
始め方
- サイトでクレジットカードを入力せずに無料登録し、新しいプロジェクトを開きます。
- テンプレートやステンシルのライブラリからコンポーネントをドラッグ＆ドロップし、ページを整えて、インタラクティブなプロトタイプのリンクを追加します。
- 共有リンクを作成するか、PNGまたはPDFとしてエクスポートし、無料プランのプロジェクト数とオブジェクト数の上限を確認します。
選ぶポイント
- 無料プランは、プロジェクト2件、1プロジェクトあたりオブジェクト400個に制限されています。複数のクライアントを抱える場合や大規模な画面フローには、プロジェクトとオブジェクトが無制限になるStarter以上のプランを検討してください。
- 最初にワイヤーフレームとフローを描き、あとから詳細なビジュアルデザインに進む予定なら、Moqupsのページがその第2段階についてどこまで説明しているかを確認してください。ページでは主にワイヤーフレーム、プロトタイプ、ダイアグラムが前面に出ています。
制限
- 無料プランの画像ストレージは25MBで、チームの役割とリアルタイム共同編集はBusinessプランに記載されています。制限や料金は変更される場合があります。
- 確認したページには、コード出力と商用利用の条件についての説明がありません。開発者への引き渡しが必要な場合は、まずご自身のプロジェクトで試してください。
よくある質問
Moqupsは無料ですか？
料金ページには、プロジェクト2件、1プロジェクトあたりオブジェクト400個、画像ストレージ25MB、150を超えるテンプレート、PNGとPDFのエクスポートが含まれる無料プランが載っています。有料プランではこれらの制限が広がります。
Moqupsでプロトタイプを作れますか？
ホームページには、インタラクティブなプロトタイプ、リアルタイム共同編集、ダイアグラム作成ツールが挙げられています。プロトタイプがブラウザーでどう共有されるかは、ご自身のアカウントで試して確認してください。