ワイヤーフレーム作成ツール

既製のWebコンポーネントをキャンバスにドラッグするだけで、数分でページのワイヤーフレームが完成——無料・プライベート、すべてブラウザ内で完結します。

無料で使う →

機能

🧩

35種類以上のWebコンポーネント

ナビバー、カード、フォーム、テーブル、ヒーローセクション、モーダルなど、すべてすっきりしたグレースケールのワイヤーフレームスタイルで表現。

🖱️

ドラッグ、ドロップ、リサイズ

コンポーネントをキャンバスにドロップして自由に移動、ハンドルを引っ張ってリサイズ。スマートスナップガイドで常にきれいに整列します。

🖥️

デスクトップ・タブレット・モバイルのアートボード

1440px、768px、375pxのボードを切り替えて、レスポンシブレイアウトを適切なキャンバスサイズで設計できます。

📋

PNG書き出し・即コピー

2倍解像度のRetina対応PNGをダウンロード、または画像をクリップボードにコピーして仕様書やチケット、スライドに直接貼り付けられます。

⚡

テンプレートから開始

ランディングページ、管理画面ダッシュボード、モバイルホーム画面のテンプレートをワンクリックで呼び出し、すぐに編集を始められます。

🔒

完全ブラウザ内処理

データはアップロードされません。作業内容はIndexedDBにローカル保存され、いつでもJSONプロジェクトファイルとして書き出せます。

使い方

1

アートボードを選ぶ

ツールバーからデスクトップ・タブレット・モバイルのボードサイズを選択するか、組み込みテンプレートから始めます。

2

コンポーネントを配置

要素パネルで検索し、ナビバー・カード・画像・ボタン・フォーム項目などをキャンバスにドラッグします。

3

配置と注釈

スナップガイドで要素を移動・リサイズし、ダブルクリックでラベルを編集、番号付き注釈も追加できます。

4

書き出しまたはコピー

PNGとして書き出す、画像をクリップボードにコピーする、または .wireframe.json プロジェクトファイルとして保存して後で続きから編集できます。

よくある質問

このワイヤーフレーム作成ツールは無料ですか?
はい。すべてのコンポーネント、テンプレート、PNG書き出し、JSONプロジェクトファイルを含むすべての機能が、登録不要・透かしなしで無料でご利用いただけます。
デザインはサーバーにアップロードされますか?
いいえ。エディタはすべてブラウザ内で動作し、キャンバスの内容はローカルのIndexedDBに保存されるため、データが端末の外に出ることはありません。
ワイヤーフレームをそのままドキュメントに貼り付けられますか?
はい。「画像をコピー」をクリックすると、ワイヤーフレームがPNGとしてクリップボードに書き込まれ、Word、Notion、Figma、Jira、Slackなどに直接貼り付けられます。クリップボード画像がブロックされる場合はPNG書き出しをご利用ください。
作成したプロジェクトを保存して後で編集できますか?
キャンバスの内容は自動的にローカル保存されるほか、.wireframe.json ファイルとして書き出し、別のパソコンで再読み込みして続きを編集できます。
スマートフォンやタブレットでも使えますか?
ドロワーパネルやスムーズなキャンバス操作でタッチデバイスにも対応していますが、正確な編集にはデスクトップブラウザの使用を強くおすすめします。
どのようなキーボードショートカットが使えますか?
Deleteで選択項目を削除、Ctrl/Cmd+Dで複製、Ctrl/Cmd+Zで元に戻す、Ctrl/Cmd+Shift+Zでやり直し、矢印キーで微調整(Shift押しながらで10px移動)、スペースキー長押しでキャンバスをパンできます。

← pudone! ホームへ戻る