無料のモックアップツール

Miro の無料で使えるデザインツールを活用して、モックアップを作成しましょう。Miro を使うことで、製品の下書きからモックアップの 作成まで、すべて 1 つのボードで実行することができます。
mockup-tool_hero_xxl_main-use-case_img_EN
accenture.svgLogo-Comcast.svgLogo-CVS-Health.svgLogo-Danaher.svgLogo-Delloite.svgLogo-Dropbox.svgLogo-Hanes.svgLogo-Hr-block.svgLogo-Kimberly-Clark.svgLogo-Pepsico.svgLogo-Publix.svgLogo-Rabobank.svgLogo-Slalom.svgLogo-Ubisoft.svgLogo-Total.svgLogo-Ulta.svgLogo-Wp-Energy.svgLogo-Yamaha.svg
accenture.svgLogo-Comcast.svgLogo-CVS-Health.svgLogo-Danaher.svgLogo-Delloite.svgLogo-Dropbox.svgLogo-Hanes.svgLogo-Hr-block.svgLogo-Kimberly-Clark.svgLogo-Pepsico.svgLogo-Publix.svgLogo-Rabobank.svgLogo-Slalom.svgLogo-Ubisoft.svgLogo-Total.svgLogo-Ulta.svgLogo-Wp-Energy.svgLogo-Yamaha.svg

モックアップが無料で作成できるツール

Miro を使えば、製品の下書きからリサーチデータまで、モックアップの作成に必要な情報を 1 つのボードだけで管理できます。オンライン上でプロジェクト内のコミュニケーションも促進できるので、チームでの作業もスムーズです。
モックアップとプロトタイプの違いについての画像

Miro のモックアップツールをおすすめする理由

自由度の高いデザインプロセス

Miro ではテンプレートやデザインツールを使って自由にモックアップデザインを作成することができます。そのため、好みに応じた製品デザインの下書きや、編集、モックアップの改善を行うことが可能です。

豊富なデザインテンプレート

Miro のサイト上やボード内のテンプレートライブラリからニーズに合ったテンプレートをボードに追加することで、すぐに作業を開始することができます。自分で作成したデザインとして Miro に保存することも可能です。

プレゼンテーションもボード内でできる

Miro ボード内のプレゼンテーションモードも活用することで、モックアップを作成したボード内でデザインや製品の説明をすることができます。チームやクライアントとのミーティングに役立つ機能です。

情報の整理もラクラク

Miro のオンライン付箋ツールも使用することで、デザインに対するメモ書きやアイデアの共有が簡単にできます。さらに、グルーピングツールや Miro アシストも使うことで、アイデアや情報の整理もラクラクです。

直感的なユーザーインターフェース(UI)

直感的な使用が楽しめる Miro ではデザイン初心者の人でもモックアップやワイヤーフレームの作成をすることができます。ツールに対する予備知識が必要なく、いつでも必要なデザインの作成ができるツールが Miro です。

共有も簡単にできる

Miro ボード上の共有ボタンやリンクを共有することで、簡単に Miro ボードをプロジェクトメンバーやクライアントに共有することができます。ボード上で直接フィードバックを収集し、モックアップを改善しましょう。

人気のビジネスツールと連携

また、Miro は Jira や Trello、Zoom、Slack などの外部ソフトウェアとも連携可能なため、プロジェクトの生産性が Miro 1 つで向上します。 すべての業務フローを Miro ボードで管理し、ビジネスの生産性を向上しましょう。
Apps-and-integrations_EN_standard_4_3

UI モックアップとは?

UI モックアップは、開発前にレイアウトや配色に焦点を当てた、Webサイトやアプリのユーザーインターフェースの静的な表現です。Miroでは、ワイヤーフレームキットを使用してモックアップを作成し、クリエイティブプロセスの早い段階でフィードバックを得られます。

モックアップの作り方

1. アイデアの下書きを作成する

まず初めに、アイデアや製品のコンセプトを作りましょう。下書きをすることで、実際に作りたい製品のイメージがしやすくなります。

mockup-tool_how-to_img_EN_1_1

2. デザイン素材を集める

製品のコンセプトを下書きしたら、アイデアを形にしていくためのデザインを収集しましょう。

3. 製品の動作やボタンの遷移先を可視化

ボタン先のページや画面内のページ動作を表現するための画面遷移図も接続線でモックアップ内に作成しましょう。ユーザー体験の分析が一目でできるようになります。

4. チームとモックアップを共有

完成したモックアップをチームと共有しましょう。コメントでのタグ付けや付箋を使うことでフィードバックの収集ができます。

5. 完成したモックアップを印刷または SNS でシェア

画像を PDF でエクスポートすることでクライアントとモックアップを共有することができます。また、画像としても保存することができ、製品告知のために SNS でもシェアすることができます。

mockup-tool_how-to_img_EN_1_1
social_proof_cover_photo_EN_jumbo_16_9_2x.png

世界中のイノベイティブな企業に支持される Miro

Nike、Ikea、Deloitte、WPP、Cisco など、18 万以上の企業がすでに Miro を導入しています。Miro が業務の品質とスピードを向上させ、事業に革新をもたらします。

モックアップツールよくある質問

Miro のモックアップツールは初心者でも使えますか?

はい。Miro のモックアップツールは直感的に使えるよう設計されているので、初心者の方でも安心してモックアップを作成できます。

Miro ではリアルタイムの共同作業ができますか?

はい。チームメンバーやクライアントと同時進行でモックアップを作成できます。ボードの共有も、Miro ボード内の「共有」ボタンやボードリンクのコピペだけで簡単に行えます。

Miro はどのようにしてワークフローの効率化に貢献してくれますか?

Miro は Slack や Jira、Google Drive などの人気ビジネスツールと連携でき、すべてのワークフローを Miro ボード 1 つで管理できるため、効率化を実現します。

Miro のユーザーでなくてもモックアップを共有することはできますか?

はい。モックアップは Miro のユーザーでなくても共有できます。Miro ボードでは外部ユーザー(ビジター)がコンテンツを見る範囲を設定できるので、セキュリティや機密情報の漏洩を心配する必要もありません。

おすすめのモックアップサイトを教えてください。

インターネット上には無料のモックアップサイトが数多くありますが、ツールを選ぶ際に大切なのは、プラットフォームの柔軟性や UI の使いやすさで判断することです。多くのサイトは無料で利用できますが、より高度な機能には有料のサブスクリプションが必要な場合もあることを覚えておきましょう。

UI モックアップとは何ですか?

UI モックアップとは、ソフトウェアプログラムのインターフェイスを視覚的に表現したものです。アプリやウェブサイトを開発する前に、レイアウトや動作、画面フローを設計する際に使用します。ユーザーインターフェイスの見た目や機能を可視化できるため、開発者にとってソフトウェア開発の設計図のような役割を果たします。

新しい働き方を Miro で実現しましょう!

Miro はチームで課題を解決し、新しいアイデアを発見するためのワークスペースです。