技法

Selection bounding box

ライブラリのうち26フレームがSelection bounding boxに一致し、9ブランドの動画16本にまたがっています。どれも動画そのものから計測したもので、説明文から読み取ったものではありません。つまりこれは、スタイルガイドが説くあるべき姿ではなく、実際にどう使われているかです。

このページにレンダリング画像も機材リストもありません。下にあるのはどれも実際に見に行ける動画の本物の1秒であり、どの数値もサンプルからの推定ではなく実フレームを数えたものです。

フレーム
26
動画
16
ブランド
9
カット間隔の中央値
3.9秒

最も多く撮っているのは

各ブランドがこの切り口にどれだけフレームを出しているかの順です。

Figma wdym of course there’s an agent right on the design canvas that’s flu... at 0:02
Figmawdym of course there’s an agent right on the design canvas that’s flu...
0:02
Figma wdym of course there’s an agent right on the design canvas that’s flu... at 0:13
Figmawdym of course there’s an agent right on the design canvas that’s flu...
0:13
Jitter Animated Button Switch (toggle) at 0:10
JitterAnimated Button Switch (toggle)
0:10
Jitter Animated Button Switch (toggle) at 0:14
JitterAnimated Button Switch (toggle)
0:14
Jitter Animated Button Switch (toggle) at 0:18
JitterAnimated Button Switch (toggle)
0:18
Guilherme Rizzo CSS Pro - Editing elements on Responsive Mode (3.4) at 0:37
Guilherme RizzoCSS Pro - Editing elements on Responsive Mode (3.4)
0:37
Guilherme Rizzo CSS Pro - Editing elements on Responsive Mode (3.4) at 0:37
Guilherme RizzoCSS Pro - Editing elements on Responsive Mode (3.4)
0:37
Figma NEW: you can now generate images using Gemini 3 Pro (with Nano Banana... at 0:28
FigmaNEW: you can now generate images using Gemini 3 Pro (with Nano Banana...
0:28
Figma Happy Schema by Figma day. A recap of our announcements (roll out dat... at 1:05
FigmaHappy Schema by Figma day. A recap of our announcements (roll out dat...
1:05
Jitter Animate your company Logo at 0:52
JitterAnimate your company Logo
0:52
Jitter Animate your company Logo at 0:55
JitterAnimate your company Logo
0:55
Jitter Animate your company Logo at 0:58
JitterAnimate your company Logo
0:58
Spline Hana: A Canvas for Real-Time Interactive Design at 2:06medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
2:06
Spline Hana: A Canvas for Real-Time Interactive Design at 2:07wide presenter
SplineHana: A Canvas for Real-Time Interactive Design
2:07
Jitter Animate your Company Logo at 1:18
JitterAnimate your Company Logo
1:18
Jitter Jitter: Click animation tutorial at 0:10
JitterJitter: Click animation tutorial
0:10
Jitter Jitter: Click animation tutorial at 0:13
JitterJitter: Click animation tutorial
0:13
Things Inc How to create your first room at 2:22
Things IncHow to create your first room
2:22
OFFEO OFFEO Tutorial | How to [Brand] Series: NIKE at 1:38wide presenter
OFFEOOFFEO Tutorial | How to [Brand] Series: NIKE
1:38
OFFEO OFFEO Tutorial | How to [Brand] Series: NIKE at 1:54wide presenter
OFFEOOFFEO Tutorial | How to [Brand] Series: NIKE
1:54
Glorify App Generate Stunning Images in Minutes with Glorify's AI Image Generator #leonardoai at 1:37corner inset
Glorify AppGenerate Stunning Images in Minutes with Glorify's AI Image Generator #leonardoai
1:37
Jitter Step by step Masking animation at 0:42
JitterStep by step Masking animation
0:42
Spline Deep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More at 0:14wide presenter
SplineDeep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More
0:14
Spline Deep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More at 2:34
SplineDeep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More
2:34
Flux Academy The Plugin You’ve Been Dreaming About: Figma To Webflow at 4:44corner inset
Flux AcademyThe Plugin You’ve Been Dreaming About: Figma To Webflow
4:44
Sketch Together A design tool for humans and robots at 3:22corner inset
Sketch TogetherA design tool for humans and robots
3:22
これで全 26 枚です。

比較できる他の技法