以下の内容はhttps://bluebirdofoz.hatenablog.com/entry/2025/06/07/230947より取得しました。


Miroでプロトタイプツールを使ってアプリの画面設計を行う

本日はMiroの小ネタ枠です。
Miroでプロトタイプツールを使ってアプリの画面設計を行う方法を記事にします。

Miro

Miro(ミロ)はオンラインホワイトボード型のイノベーションワークスペースです。
チームで多機能なボードにアクセスしてアイデアの創出からプロジェクト管理、戦略立案、プレゼンテーション作成まで、幅広い作業で利用できます。

プロトタイプツールを使ってアプリの画面設計を行う

Miroのボードを開きます。

サイドバーの「ツール」タブを開き、「プロトタイプ」ツールを探して選択します。

「プロトタイプ」では画面設計のためのフレームやUIが用意されています。

「スクリーン」から画面タイプを選択してボードにフレームを配置します。

配置したフレームには「プロトタイプ」タブ内のUI要素をドラッグして配置することができます。
ボタンや入力フィールド、ドロップダウンなど一般的な画面UIを利用することができます。

UI要素を配置して画面を作成したら「プレビュー」ボタンでボード内の画面を確認することができます。

ドロップダウンなどの画面UIは「プレビュー」画面で実際に操作してみることができます。




以上の内容はhttps://bluebirdofoz.hatenablog.com/entry/2025/06/07/230947より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14