具体的な画面から始める
ログイン画面、ダッシュボード、新しいフロー。作りたいものを言葉にしてみましょう。
自分のキャンバスで AI と描く
下書きは AI に。その先は、あなたの判断で。
作りたい画面を伝えると、キャンバス上でそのまま編集できるワイヤーフレームに。
macOS & Windows
使い方
一文から、編集できる画面へ。
下書きを作り、細部を詰め、次の案を試しましょう。
部品をそのまま編集する
コントロールを動かし、文字やレイアウトを調整。自分で描いた画面と同じように編集できます。
次の案を試す
AI に修正を頼んでも、自分で直しても。どの変更も取り消せます。
下書きも手元のファイルに
プロジェクトをパソコンに保存して、いつでも編集を再開できます。 データの扱いについて
AI エージェントとも連携
普段使っている AI エージェントと一緒に、スケッチを進められます。 Agent Bridge について
下書きから共有まで
プレビューリンクで意見を集めたり、PNG・PDF を次の打ち合わせに持ち込めます。
方法を比べる
AI が作る画像と、編集できるワイヤーフレーム。
| 比較項目 | 画像型 AI モックアップ | WireMagic |
|---|---|---|
| 出力 | 画面の静止画像。 | 編集できるネイティブ部品。 |
| 修正 | 画像を再生成、または編集。 | 直接編集するか、AI に一部の変更を依頼。 |
| 保存先 | 画像ファイルやオンラインギャラリー。 | 手元の .wiremagic プロジェクト。 |
| 共有 | スクリーンショット。 | 編集可能なプロジェクト、プレビューリンク、PNG・PDF。 |
始めましょう
次のアイデアを、ここから。
WireMagic をダウンロードして、次のアイデアを描き始めましょう。