@figma
Instagram · Screen Recording
@figma Let’s touch glass
@figma
Instagram · Screen Recording
@figma Let’s touch glass
Performance
Video #10943 · Screen Recording
[01]
The video demonstrates a UI design tool's 'Glass' effect capabilities by rapidly adjusting sliders for refraction, depth, and dispersion. It showcases the real-time visual impact of these settings across various interface elements like music players and widgets, concluding with the Figma logo.
[02]
[03]
[04]
[05]
What stops the scroll in the first 3 seconds
Visual hook · 80%
A striking, dark-mode visual of a glass-like sphere with a floating UI settings panel that immediately engages the viewer with high-quality aesthetic design.
[06]
Steal this for your own video
Open on a dark-mode screen with a centered beside a floating , then visibly adjust in real time.
[07]
The promise the opener makes, and how the video pays it back
Hook
The Control-Response Trigger: Immediate visual correlation between a user interface adjustment and a graphical change, instantly promising utility.
Payoff
The Identity Reveal: The final branding element appears, associating the demonstrated value directly with the product name.
[08]
The structural pattern this video runs on
Framework
The Feature Velocity Showcase
Rapid-fire demonstration of a creative tool's versatility by linking input controls directly to visual outputs across varying contexts of complexity.
The Abstract Mechanics
Demonstrates the tool's core function on a simple, isolated shape to establish the basic 'how-it-works' without distraction.
The Technical Proof
Applies the effect to a high-contrast, complex background (stripes) to prove the rendering engine's accuracy and quality.
The Real-World Context
Transitions to recognizable use-cases (music player, mobile OS) to answer 'why is this useful?' and create desire.
The Creative Expansion
Showcases the tool's versatility on different element types (toggles, text) to imply limitless creative potential.
Let’s touch glass
title · throughout
Glass
informational · beginning
Refraction 12
informational · beginning
Depth 8
informational · beginning
Dispersion 24
contextual · middle
Beta
informational · middle
Light -45°