コンテンツへスキップ

ひとつのキャンバスで、最初から最後まで

すべてのツールが同じドキュメントに書き込むので、フリーハンドの線、コンポーネントのインスタンス、フローのノードが1枚のボード上に共存し、互いを指し示すことができます。以下はすべて、3通りに切り取られた同じひとつのボードです。

01描画

ラフな状態から始まる無限のキャンバス

フリーハンドの線、テキスト、画像、そして長方形から意思決定ノードまで揃うシェイプライブラリ——3つの決済案が競い合い、そのひとつが丸で囲まれるという作業のための部分。

  • フリーハンドとベクターパスのツールに加え、フルセットの図形
  • 手描きスタイルはボード単位の設定なので、ラフなボードは関わる全員にとってラフなままです
  • 1%から6400%までのパン・ズーム、必要なときにはスナップも
PRED
ボードのラフゾーン:フリーハンドで丸く囲まれた「チェックアウト?」、1つに線を引いて却下された3つの候補メモ、そして勝者を選ぶ落書きのような矢印rough passcheckout?one page,everythingtwo steps,cart firstguest pay,no accountthis onecheckout / one page · 250Checkout$481+emailcardTotal$48Pay now218 × 44 · r4btn / instance161644payment pathPay tappedCharge cardApproved?yesReceiptnoRetry cardyouJun
02インターフェース

引き渡せるほどの精密さ

正確なジオメトリを提供するプロパティパネルを備えたフレーム、コンポーネント、インスタンス——選ばれたアイデアは幅250のフレームとなり、そのボタンは218×44で選択され、余白はボード上で計測されます。

  • インスタンスとして配置、差し替え、切り離しができる再利用可能なコンポーネント
  • オートレイアウト、整列と分布、グリッドへのスナップ
  • 辺ごとの角の半径、そしてどの数値フィールドでも使える計算式
F
ボードの仕様ゾーン:選択された支払いボタンを含む、寸法の入った1ページのチェックアウトフレーム。その寸法と16ピクセルの余白が製図寸法として描かれているrough passcheckout?one page,everythingtwo steps,cart firstguest pay,no accountthis onecheckout / one page · 250Checkout$481+emailcardTotal$48Pay now218 × 44 · r4btn / instance161644payment pathPay tappedCharge cardApproved?yesReceiptnoRetry cardyouJun
03

編集されても崩れない図

指し示す対象に結びつくフローチャートの図形とコネクタ——支払いボタンは課金・承認・リトライのフローに配線されており、どのボックスを動かしても、矢印が宙に浮くことなく経路が引き直されます。

  • コネクタは図形の端に吸着し、図形が動けば経路を引き直す
  • 本物のフローチャートのためのプロセス、決定、終端の図形
  • ノードは、それが説明するワイヤーフレームのフレームを、同じボード上で指し示すことができる
L
ボードのフローゾーン:「支払いタップ」から課金と承認を経てレシートに至る決済経路。破線のリトライループと、ワイヤーフレームのボタンから伸びるコネクタを含むrough passcheckout?one page,everythingtwo steps,cart firstguest pay,no accountthis onecheckout / one page · 250Checkout$481+emailcardTotal$48Pay now218 × 44 · r4btn / instance161644payment pathPay tappedCharge cardApproved?yesReceiptnoRetry cardyouJun

これらすべてを、あなた自身のボードで試してみてください

ひとりなら無料 · カード不要
ボードを開く