なぜ デザイナー は Scribbble を使うのか
エクスポート→マーキング→再インポートの手間がかかる
ほとんどのフィードバックは Figma と別ツールの間で途切れてしまいます。Scribbble を使えば、見ているその画面上に直接レッドラインを引けます。
Zoom 上のクリティークはつながりに欠けることがある
マウスで指し示すだけだと受け手に伝わりにくいです。話しながら円を描くことで議論がスムーズになります。
ピクセルを目測するのは時間の無駄
Scribbble の Measure ツールで、スペーシングやパディング、コンポーネントの寸法をその場で確認できます — 別の定規アプリにエクスポートする必要はありません。
デザイナー が使う方法
1
ライブのデザインクリティーク
Zoom の画面共有で Figma のフレームを進めながら、問題点を円で囲んでいきます。チーム全員がリアルタイムであなたの描画を見ることができ、プラグインやエクスポートは不要です。
2
エンジニア向けの非同期フィードバック
静的なマーキングを共有する必要がある？Scribbble の Mac アプリと無料の Screenshot Annotate ウェブツールを組み合わせれば、フレームをキャプチャしてレッドラインを引き、そのまま Linear のチケットに貼れます。
3
ユーザーテストのメモ
ユーザーセッションの画面録画に注釈を付けて、チームと共有すべき UX の瞬間をハイライトできます。
重要なツール
- レッドライン用のペンツール
- 画面上でスペーシング、パディング、寸法を確認できる Measure ツール
- スペーシングやコンポーネントの指摘用の四角形・楕円シェイプ
- コピーやコンテンツブロックをマークするハイライター
- 一度に一フレームに注目させる Spotlight
- フロー批評用の矢印ツール
- インラインノート用のテキストツール
- フレームまたは領域をスナップショットして、そのまま Linear のチケットやデザインドキュメントに貼れる
- ツールバーを左端または右端にドッキングしてキャンバスをすっきり保つ
FAQ
Scribbble は Figma と連携しますか？
Scribbble は OS レベルで Figma（やその他のアプリ）の上に描画します — プラグインは不要です。注釈は Figma ファイルの内部ではなく画面上に残ります。
注釈付きフレームを画像として保存できますか？
Scribbble の Mac アプリはライブ画面上に描画します — 注釈付きの静止画を保存するには、/tools/screenshot-annotate の無料 Screenshot Annotate ツールを使って画像をアップロードまたはペーストし、マーキングしてクリップボードにコピーしてください。
他の役割向け Scribbble
Scribbble と比較
Scribbble vs ZoomItScribbble vs PresentifyScribbble vs CleanShot XScribbble vs Epic PenScribbble vs Annotate