AI搭載 UI設計書ツール for macOS

画面設計書を、
もっと速く、もっと正確に。

スクリーンショットを取り込み、UI要素をマッピングし、
設計書としてPDF・HTML・CSV・Markdownで出力。
AIが要素を自動検出するから、作業時間を大幅に短縮できます。

画面設計作るくん — 新規設計書
ページ
PA001 ログイン
PA002 ダッシュボード
PA003 ユーザー一覧
PA004 設定
パーツ
PT001 ヘッダー
PT002 フッター
ログイン
メールアドレス
パスワード
G1 ログインフォーム
1 ラベル
2 input text
3 ラベル
4 input text
5 ボタン
アイテム詳細
メールアドレス入力欄
input text
メールアドレス
example@mail.com
DB: users.email
必須 / 形式チェック
設計書作成に必要なすべてを、ひとつに。
画像の取り込みから仕様の定義、出力まで。設計書作成の全工程をカバーします。

直感的なキャンバス編集

スクリーンショット上にアイテムやグループをドラッグで配置。スナップ・整列・ガイドラインで正確な設計が可能です。

AI自動要素検出

範囲を選択するだけでAIがUI要素を自動認識。ボタン、入力欄、テキストなどを即座にマッピングします。

詳細な仕様定義

UI種別、入力フォーマット、データソース、画面遷移先など、実装に必要な仕様情報をアイテムごとに定義できます。

5種類のエクスポート

PDF・HTML・CSV・Markdown・JSONの5形式で出力。チーム共有やドキュメント管理に最適な形式を選べます。

バリデーション

名称の未入力、フォーマット未設定、データソース不備などを自動チェック。設計書の品質を担保します。

ページ・カテゴリ管理

ページ・パーツ・レイアウトの3カテゴリで整理。ステータス管理、コメント機能でチームワークを支援します。

4ステップで設計書が完成。
直感的な操作で、画像から設計書までスムーズに仕上がります。
1

画像を取り込む

スクリーンショットをドラッグ&ドロップ。URL指定でのキャプチャや一括アップロードにも対応。

2

要素を配置する

画像上にアイテムやグループを描画。AIによる自動検出も活用できます。

3

仕様を定義する

UI種別、入力フォーマット、データソース、遷移先などをアイテムごとに入力。

4

設計書を出力する

PDF・HTML・CSV・Markdownなど、用途に合った形式でエクスポート。

あらゆる形式で、共有できる。
チームの環境や用途に合わせて、最適な形式を選んで出力できます。

PDF

印刷・レビューに最適

HTML

ブラウザで即閲覧

CSV

Excel・スプレッドシート連携

Markdown

Git管理・Wiki統合

JSON

データ連携・バックアップ

AIが、面倒な作業を肩代わり。
画像を選択するだけで、AIがUI要素を自動検出。手作業を大幅に削減します。

AI自動要素検出

画面のスクリーンショットから、ボタン・入力欄・テキスト・画像などのUI要素をAIが自動で認識。要素の種類や表示テキストまで推定し、一括でアイテムを配置します。検出後の微調整も簡単です。

OpenAI
Claude
AI検出結果 — 6要素を検出
1
ロゴ
画像
2
ログイン
ラベル
3
メールアドレス
input text
4
パスワード
input text
5
ログインボタン
ボタン
6
パスワードを忘れた方
リンク
プロの設計書に必要な、細部まで。
入力フォーマットからAPI連携まで、実装に必要な仕様をアイテムごとに定義できます。

UI種別 & 入力フォーマット

  • テキスト / ラベル / ボタン / リンク / 画像 / アイコン
  • input text / textarea / select / checkbox / radio
  • 12種類の入力フォーマット(メール、電話、URL、日付など)
  • プレースホルダ、デフォルト値、選択肢の定義

データソース & API連携

  • DBマッピング(テーブル名.カラム名)
  • APIエンドポイント & HTTPメソッド(GET/POST/PUT/DELETE)
  • 画面遷移先(ページID or 外部URL)
  • 設計とバックエンド仕様をひとつのドキュメントで管理

編集サポート

  • スナップ & ガイドライン(7色対応)
  • 8方向の整列・等間隔配置
  • ロック・アンドゥ/リドゥ
  • キーボードショートカット完備

プロジェクト管理

  • ページ / パーツ / レイアウトの3カテゴリ
  • ステータス管理(作成中 → レビュー → 完了)
  • 自動採番 & スクリーンID管理
  • コメント機能 & 操作履歴

設計書作成を、次のレベルへ。

画面設計作るくんで、設計書作成の手間を最小限に。
今すぐ無料で始められます。

v1.0.0 • macOS 12 (Monterey) 以降 • Apple Silicon対応

初回起動時の注意

ダウンロード後「壊れているため開けません」と表示される場合、ターミナルで以下を実行してから開いてください:

xattr -cr ~/Downloads/ScreenDesigner-1.0.0-arm64.dmg
更新履歴
v1.0.0 Latest 2026-04-08
  • NEW 利用規約・ユーザー名登録・ヘルプメニュー追加
  • NEW ヘルプドキュメント(使い方ガイド・機能一覧・用語集)
  • 改善 UI改善: クリック即切替、削除モーダルフォーカス表示
  • 改善 ページ並び替え時の自動採番、ツールチップ、ちらつき防止
  • 改善 ガイド表示トグル、自動採番トグル、ツールバー拡大、ルーラー改善
  • 性能 パフォーマンス改善: RAF制御、キャッシュ最適化、DOM参照キャッシュ
  • 修正 セキュリティ修正: XSS脆弱性対応
  • 改善 コード品質改善: マジックナンバー定数化、メモリ管理
利用規約

最終更新日: 2026年4月8日

第1条(適用)

本利用規約(以下「本規約」)は、画面設計作るくん(以下「本ソフトウェア」)の利用に関する条件を定めるものです。利用者は本規約に同意した上で本ソフトウェアを利用するものとします。

第2条(利用許諾)

本ソフトウェアの著作権およびその他の知的財産権は、開発者に帰属します。利用者には、本規約に基づき本ソフトウェアを使用する非独占的な権利が付与されます。

第3条(禁止事項)

利用者は、以下の行為を行ってはなりません。

  1. 本ソフトウェアのリバースエンジニアリング、逆コンパイル、逆アセンブル
  2. 本ソフトウェアの改変、二次的著作物の作成(許可された場合を除く)
  3. 本ソフトウェアの再配布、転売、レンタル
  4. 本ソフトウェアを違法な目的で使用すること

第4条(免責事項)

  1. 本ソフトウェアは「現状有姿」で提供されます。
  2. 開発者は、本ソフトウェアの使用により生じたいかなる損害についても責任を負いません。
  3. データの損失、業務の中断等について、開発者は一切の責任を負いません。

第5条(データの取り扱い)

  1. 本ソフトウェアで作成されたデータは利用者のローカル環境に保存されます。
  2. AI機能を利用する場合、画像データが外部APIサービスに送信されます。
  3. 開発者が利用者のデータを収集・保存することはありません。

第6条(AI機能に関する注意事項)

  1. AI機能の結果は参考情報であり、正確性を保証するものではありません。
  2. AI機能を利用する場合、利用者は各AIサービスプロバイダーの利用規約にも従う必要があります。
  3. 機密情報を含む画像をAI機能で処理する場合は、利用者の責任において行ってください。

第7条(規約の変更)

開発者は、必要に応じて本規約を変更することができます。変更後の規約は、本ソフトウェア内で通知されます。

第8条(準拠法)

本規約は日本法に準拠するものとします。