描いて、測って、つなぐ。すべて1つのファイルで。

ツアー

1つのボード、4つの幕

1つの決済フローを、1つのファイルで最初から最後まで作り切ります。ワイヤーフレームツールへの書き出しも、引き継ぎ資料も、図のための2つ目のアプリも要りません。粗い思考、正確な仕様、決済のロジックが同じキャンバスに並びます。

1. I第一幕 · ラフ

   インクで自分自身と議論する

   候補の決済フローを3つ、口に出した速さのまま描きます。1つを消し、残った案を丸で囲み、それを選ぶ矢印を引きます。手描きのインクは、それが選び分けている実物のオブジェクトのすぐ隣にあります。
2. II第二幕 · 精密

   勝者を仕様書に変える

   選ばれた案は幅250のフレームになり、ボタンは218×44、角丸4、余白16pxまで、下描きしたのと同じボードの上で測られます。数値フィールドはどれも計算を受け付けます。120+8 と打てば 128 になります。
3. III第三幕 · 接続

   ボタンをそのロジックにつなぐ

   「今すぐ支払う」から、それが呼び出す一連の流れへとコネクタが伸びます。課金、承認、レシート、そして破線で表現されたリトライループ。コネクタは図形の辺に吸着するので、ボックスを動かしても矢印は宙に浮かず、経路が引き直されます。
4. IV第四幕 · ライブ

   誰かと一緒に、ライブで公開する

   あなたのカーソルはボタンを、チームメイトのカーソルはリトライノードをつかんでいます。カーソル、選択範囲、編集内容はリアルタイムで同期され、作業はローカルにも保存されるため、接続が切れても変更を失うことなく整合が取られます。

3つのツール、1つのキャンバス。

作図、インターフェース制作、システムの整理には、ふつう3つのアプリとその間の書き出しが要ります。ここではどれも、同じボードにオブジェクトを置く3通りの方法です。

どのプランでも変わらない4つのこと。

1. 01

   リアルタイム、ローカルの控え付き

   編集、カーソル、選択がライブで同期します。作業内容は端末にも保持されるため、接続が切れても変更を失わずに整合します。
2. 02

   作られた瞬間から非公開

   テンプレート、インポート、複製を含め、すべてのボードは作成時に非公開です。公開範囲を広げるときは必ず確認し、変更があれば所有アカウントにメールが届きます。
3. 03

   取り消せる共有リンク

   共有リンクにはパスワードと有効期限を任意で設定できます。リセットすると、古いリンクを使っていた全員がその場で切断されます。
4. 04

   どのプランでも書き出せる

   ボード全体を PNG または SVG で、無料プランを含めて書き出せます。描いたものがサブスクリプションの向こう側に置かれることはありません。