なぜ デザイナー は Scribbble を使うのか
エクスポート→マーキング→再インポートの手間がかかる
ほとんどのフィードバックは Figma と別ツールの間で途切れてしまいます。Scribbble を使えば、見ているその画面上に直接レッドラインを引けます。
Zoom 上のクリティークはつながりに欠けることがある
マウスで指し示すだけだと受け手に伝わりにくいです。話しながら円を描くことで議論がスムーズになります。
ピクセルを目測するのは時間の無駄
ScribbbleのMeasureツールを使えば、スペーシング、パディング、コンポーネントの寸法を画面上で直接チェックできます、別の定規アプリにエクスポートする必要はありません。
デザイナー が使う方法
ライブのデザインクリティーク
Zoom の画面共有で Figma のフレームを進めながら、問題点を円で囲んでいきます。チーム全員がリアルタイムであなたの描画を見ることができ、プラグインやエクスポートは不要です。
エンジニア向けの非同期フィードバック
静的なマーキングを共有する必要がある？Scribbble の Mac アプリと無料の Screenshot Annotate ウェブツールを組み合わせれば、フレームをキャプチャしてレッドラインを引き、そのまま Linear のチケットに貼れます。
ユーザーテストのメモ
ユーザーセッションの画面録画に注釈を付けて、チームと共有すべき UX の瞬間をハイライトできます。
重要なツール
- レッドライン用のペンツール
- 画面上でスペーシング、パディング、寸法を確認できる Measure ツール
- スペーシングやコンポーネントの指摘用の四角形・楕円シェイプ
- コピーやコンテンツブロックをマークするハイライター
- 一度に一フレームに注目させる Spotlight
- Magnify（画面拡大）でキャンバスを離れずに書体やピクセルの細部を検査
- ホワイトボードモードでレビュー中にフローやレイアウト案を手早くスケッチ
- フロー批評に便利な矢印ツール
- インライン注釈用のテキストツール
- フレームや領域をスナップしてそのままLinearのチケットやデザイン文書に貼り付け
- ツールバーを左端か右端に固定してキャンバスをすっきり
- マルチモニタ対応：大型ディスプレイでFigmaに注釈を付けつつ、ラップトップに参照を表示できます
FAQ
Scribbble は Figma と連携しますか？
ScribbbleはOSレベルでFigma（や他の何にでも）上に描画するため、プラグインは不要です。注釈は画面上に存在し、Figmaファイルの内部には入りません。
2台のディスプレイでも動作しますか？
はい。Scribbbleはマルチモニタ構成に対応しているので、メインディスプレイでFigmaのフレームに注釈を付けつつ、参照資料や仕様を第二画面に表示できます。
注釈付きフレームを画像として保存できますか？
ScribbbleのMacアプリはライブ画面に描画します。注釈付きの静止画を保存するには、/tools/screenshot-annotate にある無料のScreenshot Annotateツールをご利用ください。画像のアップロードや貼り付け、マークアップ、クリップボードへのコピーが可能です。