技法

Full bleed canvas

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

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

フレーム
31
動画
22
ブランド
13
カット間隔の中央値
4.8秒

最も多く撮っているのは

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

Figma 13フレームOFFEO 4フレームAdobe 2フレームAnthropic 2フレームJitter 2フレームGlorify App 1フレーム
Figma All the launches at Config 2025 | Figma at 0:47
FigmaAll the launches at Config 2025 | Figma
0:47
Figma All the launches at Config 2025 | Figma at 0:49
FigmaAll the launches at Config 2025 | Figma
0:49
Figma Now you can use AI agents to design directly on the Figma canvas, wit... at 0:13
FigmaNow you can use AI agents to design directly on the Figma canvas, wit...
0:13
Figma FigJam diagramming is now available in Claude, and to show you we’re ... at 0:37
FigmaFigJam diagramming is now available in Claude, and to show you we’re ...
0:37
Figma wdym of course there’s an agent right on the design canvas that’s flu... at 0:08
Figmawdym of course there’s an agent right on the design canvas that’s flu...
0:08
Figma wdym of course there’s an agent right on the design canvas that’s flu... at 0:08
Figmawdym of course there’s an agent right on the design canvas that’s flu...
0:08
Figma wdym of course there’s an agent right on the design canvas that’s flu... at 0:09
Figmawdym of course there’s an agent right on the design canvas that’s flu...
0:09
Figma wdym of course there’s an agent right on the design canvas that’s flu... at 0:09
Figmawdym of course there’s an agent right on the design canvas that’s flu...
0:09
Figma wdym of course there’s an agent right on the design canvas that’s flu... at 0:09
Figmawdym of course there’s an agent right on the design canvas that’s flu...
0:09
Adobe Adobe Photoshop (beta) x Adobe Firefly: Announcing Generative Fill | Adobe at 0:04
AdobeAdobe Photoshop (beta) x Adobe Firefly: Announcing Generative Fill | Adobe
0:04
Adobe Adobe Photoshop (beta) x Adobe Firefly: Announcing Generative Fill | Adobe at 0:07
AdobeAdobe Photoshop (beta) x Adobe Firefly: Announcing Generative Fill | Adobe
0:07
Jitter Animated Button Switch (toggle) at 0:23
JitterAnimated Button Switch (toggle)
0:23
Jitter Animated Button Switch (toggle) at 0:23
JitterAnimated Button Switch (toggle)
0:23
Guilherme Rizzo CSS Pro - Editing elements on Responsive Mode (3.4) at 0:36
Guilherme RizzoCSS Pro - Editing elements on Responsive Mode (3.4)
0:36
Claude Introducing Claude Design by Anthropic Labs at 0:46
ClaudeIntroducing Claude Design by Anthropic Labs
0:46
Things Inc Introducing Rooms.xyz for web at 0:58
Things IncIntroducing Rooms.xyz for web
0:58
Anthropic Introducing two new ways to create with Claude: A dedicated space fo... at 0:22
AnthropicIntroducing two new ways to create with Claude: A dedicated space fo...
0:22
Glorify App Master Facebook Cover Design under 4 Minutes at 0:46
Glorify AppMaster Facebook Cover Design under 4 Minutes
0:46
OFFEO OFFEO Tutorial | Basics 19: Designer Templates (Updated!) at 1:38
OFFEOOFFEO Tutorial | Basics 19: Designer Templates (Updated!)
1:38
OFFEO OFFEO Tutorial | Basics 19: Designer Templates (Updated!) at 1:41
OFFEOOFFEO Tutorial | Basics 19: Designer Templates (Updated!)
1:41
OFFEO OFFEO Tutorial | Basics 19: Designer Templates (Updated!) at 1:47
OFFEOOFFEO Tutorial | Basics 19: Designer Templates (Updated!)
1:47
Figma Make Kits, rolling out today → Build and teach Make your design syst... at 0:25
FigmaMake Kits, rolling out today → Build and teach Make your design syst...
0:25
Figma Learn how to go from Claude Code to Figma and back again Livestream... at 0:30
FigmaLearn how to go from Claude Code to Figma and back again Livestream...
0:30
Figma The new AI image tools, now rolling out in FigJam, Buzz, & Slides... at 0:00
FigmaThe new AI image tools, now rolling out in FigJam, Buzz, & Slides...
0:00
OFFEO OFFEO Tutorial | Playful and Vibrant Design at 1:46
OFFEOOFFEO Tutorial | Playful and Vibrant Design
1:46
Midjourney Today we're opening up a new experimental multiplayer worldbuilding t... at 0:33
MidjourneyToday we're opening up a new experimental multiplayer worldbuilding t...
0:33
Uizard Autodesigner 1.5 Walkthrough (Try for free) at 1:30
UizardAutodesigner 1.5 Walkthrough (Try for free)
1:30
OpenAI Getting Started with ChatGPT Work at 2:14
OpenAIGetting Started with ChatGPT Work
2:14
Figma Figma Live: Codex to Figma with OpenAI at 12:22corner inset
FigmaFigma Live: Codex to Figma with OpenAI
12:22
Cursor A computer for every agent at 1:34corner inset
CursorA computer for every agent
1:34
Flux Academy The Plugin You’ve Been Dreaming About: Figma To Webflow at 3:40corner inset
Flux AcademyThe Plugin You’ve Been Dreaming About: Figma To Webflow
3:40
これで全 31 枚です。

比較できる他の技法

Shallow depth of field 5,342Hard cut on beat 3,103Full bleed output no chrome 3,091Centred wordmark on black 2,369Cursor led reveal 2,350Ui float with drop shadow 2,096Long lens background compression 1,100Text plate left third 816Full bleed ui no chrome 751Long lens compression 610Hard cut to black 601Centred talking head 554Subject on right third 533Generous negative space 482Centred subject 471Full bleed no chrome 431Centred wordmark on white 414Full bleed screen recording 409Wide establishing shot 390Full bleed screen capture 380Presenter pip bottom right 370Medium close up 367Subject on left third 346Centred medium close up 342