Etiqueta

Design tokens

23 fotogramas de la biblioteca coinciden con Design tokens, repartidos en 9 películas de 4 marcas. Cada uno se midió sobre la película misma y no se leyó de una descripción, así que esto es cómo se usa el plano en la práctica y no cómo dice un manual de estilo que debería usarse.

En esta página no hay renders ni listas de equipo. Cada fotograma de abajo es un segundo real de una película que puedes ir a ver, y cada cifra cuenta fotogramas de verdad en lugar de estimarlos a partir de una muestra.

Fotogramas
23
Películas
9
Marcas
4
Corte mediano
6.8s

Quién lo rueda más

Ordenado por cuántos fotogramas aporta cada marca a este corte de la biblioteca.

Figma 18 fotogramasWebflow 3 fotogramasCursor 1 fotogramasDylan Field 1 fotogramas
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
Eso es todo: 23.

Otras opciones de etiqueta para comparar

Interview 4036Talking head 2583Laptop 2250Title card 2090Tutorial 1988Minimal 1783Presenter 1750Transition 1719Dark mode 1711Interior 1669Office 1526End card 1438Close up 1093Wordmark 1054White background 1044Glasses 979Cursor 954Chat interface 947Macro 926Gesture 898Outdoor 875Phone 874Wide shot 842Dashboard 835