Design tokens

库中有 23 帧匹配Design tokens，分布在 4 个品牌的 9 条视频里。每一帧都是从视频本身测出来的，不是从描述文字里读来的，所以这里呈现的是这种镜头实际怎么用，而不是风格指南说它该怎么用。

这个页面没有渲染图，也没有器材清单。下面每一张都是你可以去看的视频里真实的一秒，每个数字都是数出来的真实帧数，而不是按样本估算的。

帧: 23
视频: 9
品牌: 4
剪辑间隔中位数: 6.8 秒

谁最常这样拍

按各品牌为这一切面贡献的帧数排序。

Figma 18 帧 Webflow 3 帧 Cursor 1 帧 Dylan Field 1 帧

Figma Do more with Glass → Add it to any object, shape, or text → Round in... at 0:09

FigmaDo more with Glass → Add it to any object, shape, or text → Round in...

0:09

Cursor Cursor can now create new components and frontends in Figma using you... at 0:16

CursorCursor can now create new components and frontends in Figma using you...

0:16

Figma No detaches. Just Slots. at 0:25

FigmaNo detaches. Just Slots.

0:25

Figma Babe wake up you can now capture colors anywhere with the eyedropper ... at 0:07

FigmaBabe wake up you can now capture colors anywhere with the eyedropper ...

0:07

Figma Babe wake up you can now capture colors anywhere with the eyedropper ... at 0:10

FigmaBabe wake up you can now capture colors anywhere with the eyedropper ...

0:10

Figma Babe wake up you can now capture colors anywhere with the eyedropper ... at 0:13

FigmaBabe wake up you can now capture colors anywhere with the eyedropper ...

0:13

Figma Babe wake up you can now capture colors anywhere with the eyedropper ... at 0:16

FigmaBabe wake up you can now capture colors anywhere with the eyedropper ...

0:16

Figma Learn how to go from Claude Code to Figma and back again Livestream... at 0:10

FigmaLearn how to go from Claude Code to Figma and back again Livestream...

0:10

Figma Learn how to go from Claude Code to Figma and back again Livestream... at 0:13

FigmaLearn how to go from Claude Code to Figma and back again Livestream...

0:13

Figma Learn how to go from Claude Code to Figma and back again Livestream... at 0:22

FigmaLearn how to go from Claude Code to Figma and back again Livestream...

0:22

Figma Learn how to go from Claude Code to Figma and back again Livestream... at 0:25

FigmaLearn how to go from Claude Code to Figma and back again Livestream...

0:25

Figma Happy Schema by Figma day. A recap of our announcements (roll out dat... at 0:58

FigmaHappy Schema by Figma day. A recap of our announcements (roll out dat...

0:58

Figma Happy Schema by Figma day. A recap of our announcements (roll out dat... at 1:13

FigmaHappy Schema by Figma day. A recap of our announcements (roll out dat...

1:13

Figma Check Designs: Keep every file synced to your design system with → V... at 0:16

FigmaCheck Designs: Keep every file synced to your design system with → V...

0:16

Figma Check Designs: Keep every file synced to your design system with → V... at 0:19

FigmaCheck Designs: Keep every file synced to your design system with → V...

0:19

Figma Check Designs: Keep every file synced to your design system with → V... at 0:22

FigmaCheck Designs: Keep every file synced to your design system with → V...

0:22

Figma Check Designs: Keep every file synced to your design system with → V... at 0:25

FigmaCheck Designs: Keep every file synced to your design system with → V...

0:25

Figma Check Designs: Keep every file synced to your design system with → V... at 0:28

FigmaCheck Designs: Keep every file synced to your design system with → V...

0:28

Figma Check Designs: Keep every file synced to your design system with → V... at 0:34

FigmaCheck Designs: Keep every file synced to your design system with → V...

0:34

Dylan Field (and now... a design systems moment you've all been waiting for...) at 0:13

Dylan Field(and now... a design systems moment you've all been waiting for...)

0:13

Webflow Create & manage Agent Instructions — Webflow Lesson at 3:14

WebflowCreate & manage Agent Instructions — Webflow Lesson

3:14

Webflow Create & manage Agent Instructions — Webflow Lesson at 3:18

WebflowCreate & manage Agent Instructions — Webflow Lesson

3:18

Webflow Create & manage Agent Instructions — Webflow Lesson at 4:26

WebflowCreate & manage Agent Instructions — Webflow Lesson

4:26

这就是全部 23 帧了。