画面のキャンバス

プロダクトの全ページの画面を、1 枚のキャンバスに並べます。ページの番号・状態・移り方を見ながら、1 ページずつ AI と作り込みます。

BeesBuild の画面:設計図 › 画面のキャンバス
設計図 › 画面のキャンバス画面設計(開発中)・数字は見本

画面のキャンバスで、できること

開発の管理の機能です。設計から公開まで、ハイブとブロックの進み具合を 1 か所で動かす画面です。

  • 設計
  • ページに番号を振る

    P-003 のような番号で、画面・ブロック・PR・試験をつなぎます。

  • 書き込みのピン

    気づきをピンで画面に残すと、連絡箱から受け持ちの AI に届きます。

  • ページの階層の AI の机

    「空き枠を目立たせて」と話すと、AI が案を作り、ペルソナで試します。

  • ブランドと部品

    色・字・部品の決まりを当てて、全ページの見た目をそろえます。

ほかの画面

BeesBuild の画面:AI の机(ページの階層)
AI の机(ページの階層)画面設計(開発中)・数字は見本
BeesBuild の画面:設計図 › ブランド
設計図 › ブランド画面設計(開発中)・数字は見本

ビーズビルディングの、どの段で使うか

  1. 設計 構想・画面・仕様・ブロック分け (この機能を使う)
  2. 作る ブロックごとに、群れで一斉に (使わない)
  3. レビュー エンジニアが確かめて入れる (使わない)
  4. 公開 旗で少しずつ出し、使われ方から直す (使わない)