Hot Spot

オブジェクト検出・顔検出・被写体検出による
スマート画像切り抜きツール

Add to Figma Buy License on $5

“Hot Spot”は画像ノードに含まれるオブジェクトや顔（人間）、際立つ被写体を検出し
スマートな画像切り抜きを実現するFigmaプラグインです。

検出処理は機械学習モデルを利用し、
WorkerとWASM (WebAssembly) のパワーで高速に行われます。

MLモデル

🦉 汎用オブジェクト検出 (Coco SSD)

Coco SSDは、人物・動物・乗り物など、日常的な80種類のオブジェクトを瞬時に検出できる軽量な物体検出モデルです。静止画や写真から複数の物体を同時に検出し、位置（バウンディングボックス）とラベルを取得できます。Webブラウザ上で高速に動作するため、汎用的な画像分析や分類に最適です。

人, 自転車, 車, オートバイ, 飛行機, バス, 電車, トラック, ボート, 信号機, 消火栓, 一時停止標識, パーキングメーター, ベンチ, 鳥, 猫, 犬, 馬, 羊, 牛, 象, 熊, シマウマ, キリン, リュックサック, 傘, ハンドバッグ, ネクタイ, スーツケース, フリスビー, スキー板, スノーボード, スポーツボール, 凧, バット, グローブ, スケートボード, サーフボード, テニスラケット, ボトル, ワイングラス, カップ

😃 顔検出 (BlazeFace)

BlazeFaceは、Googleが開発した超高速な顔検出モデルです。わずか数ミリ秒で顔の位置と主要な顔パーツ（目・鼻・口など）を検出可能です。

🎯 被写体検出 (U2-Net)

u2netpは、背景に対して視覚的に際立っている領域を検出する軽量なSalient Object Detection（顕著性物体検出）モデルです。Coco SSDのようにあらかじめ定義された80クラスに限定されず、被写体の種類を問わず画像の中でもっとも目を引く領域を検出できるため、汎用的な被写体検出に適しています。

マスクタイプ

画像ノードの切り抜きは、ベクターノードによるマスキングによって行われます。マスクは長方形・楕円形と、あなた自身の作成したカスタムシェイプの3タイプから選択可能です。

2つの切り抜きモード

ワイド

抽出したホットスポットを活用し、元画像を広く残して切り抜きます。

アラウンド

抽出したホットスポットを中心として切り抜きます。

整列機能

複数の画像ノードを同時に処理し、指定した幅と間隔で整列させることが可能です。

サードパーティ ライブラリ

このプラグインは以下のサードパーティ・ライブラリを読み込みのうえ使用します:

  • TensorFlow.js

    Copyright (c) 2018 Google LLC

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

  • ONNX Runtime Web

    Copyright (c) Microsoft Corporation

    MIT License

  • U2-Net (u2netp)

    Copyright (c) 2020 Xuebin Qin, Zichen Zhang, Chenyang Huang, Masood Dehghan, Osmar R. Zaiane, Martin Jagersand

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0