返回视频列表

Figma

Figma Motion basics: Animation styles

发布
平台
YouTube
时长
1:57
片中语言
英语
播放量
5472
镜头间隔中位数
0.75s
人脸出镜
0%
暗部画面
0%
Figma Figma Motion basics: Animation styles at 0:00
FigmaFigma Motion basics: Animation styles
0:00
Figma Figma Motion basics: Animation styles at 0:01
FigmaFigma Motion basics: Animation styles
0:01
Figma Figma Motion basics: Animation styles at 0:04
FigmaFigma Motion basics: Animation styles
0:04
Figma Figma Motion basics: Animation styles at 0:04
FigmaFigma Motion basics: Animation styles
0:04
Figma Figma Motion basics: Animation styles at 0:07
FigmaFigma Motion basics: Animation styles
0:07
Figma Figma Motion basics: Animation styles at 0:10
FigmaFigma Motion basics: Animation styles
0:10
Figma Figma Motion basics: Animation styles at 0:13
FigmaFigma Motion basics: Animation styles
0:13
Figma Figma Motion basics: Animation styles at 0:22
FigmaFigma Motion basics: Animation styles
0:22
Figma Figma Motion basics: Animation styles at 0:25
FigmaFigma Motion basics: Animation styles
0:25
Figma Figma Motion basics: Animation styles at 0:28
FigmaFigma Motion basics: Animation styles
0:28
Figma Figma Motion basics: Animation styles at 0:31
FigmaFigma Motion basics: Animation styles
0:31
Figma Figma Motion basics: Animation styles at 0:40
FigmaFigma Motion basics: Animation styles
0:40
Figma Figma Motion basics: Animation styles at 0:49
FigmaFigma Motion basics: Animation styles
0:49
Figma Figma Motion basics: Animation styles at 0:49
FigmaFigma Motion basics: Animation styles
0:49
Figma Figma Motion basics: Animation styles at 0:49
FigmaFigma Motion basics: Animation styles
0:49
Figma Figma Motion basics: Animation styles at 0:49
FigmaFigma Motion basics: Animation styles
0:49
Figma Figma Motion basics: Animation styles at 0:50
FigmaFigma Motion basics: Animation styles
0:50
Figma Figma Motion basics: Animation styles at 0:50
FigmaFigma Motion basics: Animation styles
0:50
Figma Figma Motion basics: Animation styles at 0:52
FigmaFigma Motion basics: Animation styles
0:52
Figma Figma Motion basics: Animation styles at 0:58
FigmaFigma Motion basics: Animation styles
0:58
Figma Figma Motion basics: Animation styles at 1:07
FigmaFigma Motion basics: Animation styles
1:07
Figma Figma Motion basics: Animation styles at 1:10
FigmaFigma Motion basics: Animation styles
1:10
Figma Figma Motion basics: Animation styles at 1:44
FigmaFigma Motion basics: Animation styles
1:44
Figma Figma Motion basics: Animation styles at 1:44
FigmaFigma Motion basics: Animation styles
1:44
Figma Figma Motion basics: Animation styles at 1:46
FigmaFigma Motion basics: Animation styles
1:46
Figma Figma Motion basics: Animation styles at 1:48
FigmaFigma Motion basics: Animation styles
1:48
Figma Figma Motion basics: Animation styles at 1:52
FigmaFigma Motion basics: Animation styles
1:52
Figma Figma Motion basics: Animation styles at 1:57
FigmaFigma Motion basics: Animation styles
1:57

Figma Motion basics: Animation styles 的文字记录

由语音模型根据影片自身的音轨转写，并非品牌撰写。点击任意一行即可跳到那一刻。

  1. 0:00Let's learn about preset animation styles.
  2. 0:03Animation styles let you quickly add motion without needing to manually configure keyframes.
  3. 0:08To add an animation style, select an object on the canvas, then click Animations in the right sidebar to open the menu.
  4. 0:16There are two types of preset animation styles.
  5. 0:19Basic animations apply simple, single property motion.
  6. 0:25Composite animations apply more refined motion.
  7. 0:28often combining basic animations and custom easing to create complex movement out of the box.
  8. 0:34You can use them as is, or continue to customize them as you build your animations.
  9. 0:41Preset composite animations are grouped by type, making it easy to find and apply the motion you need.
  10. 0:50When you apply an animation style, it appears as a blue track on the timeline.
  11. 0:54You can select an animation on the timeline or from the right sidebar to access its settings.
  12. 1:00The settings you see will depend on the animation applied, but every animation type will have
  13. 1:05Delay, Duration, and Easing settings.
  14. 1:08Delay determines the point at which the animation begins to play.
  15. 1:11You can enter a value in the Delay field or click and drag the animation on the timeline to move it to a new point in time.
  16. 1:19Duration determines how long the animation plays for.
  17. 1:22Enter a time value in milliseconds or click and drag the handles on either side of the animation track to set the duration.
  18. 1:30Easing determines how the animation moves throughout its duration.
  19. 1:34Choose a default easing option from the menu or use the Curve Editor to create a custom one.
  20. 1:56I'm going to make a little bit more of a little bit more.
20 行 · 273 字

More from Figma

All of Figma →

The rest of their work we have taken apart.

Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...39M views
Figma
Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...
1:0423 frames4.0s cut78% face
Made in Figma (2025) Like this ❤️ we designed it for you36M views
Figma
Made in Figma (2025) Like this ❤️ we designed it for you
0:3872 frames0.5s cut7% face
Like a post with ‘Made in Figma’ You’ll get a surprise29M views
Figma
Like a post with ‘Made in Figma’ You’ll get a surprise
1 frames0% face
Now you can use AI agents to design directly on the Figma canvas, wit...18M views
Figma
Now you can use AI agents to design directly on the Figma canvas, wit...
0:3719 frames1.5s cut0% face
What’s your favorite scary movie?8.2M views
Figma
What’s your favorite scary movie?
2:32216 frames3.3s cut80% face

Cut at the same speed

Films whose median shot runs closest to 0.75s.

Mac Students: The journey to great ideas in college3.5M views
Apple
Mac Students: The journey to great ideas in college
1:3396 frames0.8s cut39% face
Arc on Windows. Download now.192K views
The Browser Company
Arc on Windows. Download now.
0:3745 frames0.8s cut2% face
Introducing ChatGPT Images 2.0 A state-of-the-art image model that c...Launch13M views
OpenAI
Introducing ChatGPT Images 2.0 A state-of-the-art image model that c...
1:0062 frames0.8s cut0% face
It's time to build.3.2M views
a16z
It's time to build.
1:46136 frames0.7s cut23% face
Lovable for hardware is here. Introducing now with CAD generation. ...Launch67K views
Sajeel Purewal
Lovable for hardware is here. Introducing now with CAD generation. ...
0:5454 frames0.7s cut13% face
Start your site with Framer AI47K views
Framer
Start your site with Framer AI
1:26100 frames0.7s cut1% face
Introducing our new frontier video model, Runway Gen-4.5. Previously ...Launch854K views
Runway
Introducing our new frontier video model, Runway Gen-4.5. Previously ...
1:2892 frames0.8s cut28% face
TERAFAB747K views
Tesla
TERAFAB
1:0472 frames0.7s cut6% face
The New Mac Studio with M5 Max and M5 UltraLaunch443K views
Apple
The New Mac Studio with M5 Max and M5 Ultra
1:2083 frames0.7s cut0% face
Introducing Another Big Ad Contest For Products That Don't Exist. You...Launch267K views
Runway
Introducing Another Big Ad Contest For Products That Don't Exist. You...
0:3751 frames0.7s cut63% face
Today we’re introducing the Apps for Advertising collection. A growi...Launch36K views
Runway
Today we’re introducing the Apps for Advertising collection. A growi...
0:2432 frames0.8s cut13% face
Meet OIKOS Fusion™: Helps Build & Retain Muscle While Losing WeightLaunch715 views
OIKOS Protein
Meet OIKOS Fusion™: Helps Build & Retain Muscle While Losing Weight
0:1617 frames0.8s cut82% face

Lit and framed like this

Closest on how much of the running time has a face in it and how dark the frames are.

Everything we launched at Make with Notion27M views
Notion
Everything we launched at Make with Notion
1:0326 frames11.5s cut0% face
Introducing Sakana Fugu: A full multi-agent orchestration system acce...Launch26M views
Sakana AI
Introducing Sakana Fugu: A full multi-agent orchestration system acce...
5 frames0% face
What is ClickUp?22M views
ClickUp
What is ClickUp?
1:2835 frames23.3s cut0% face
Your Base44 Superagent is waiting13M views
Base44
Your Base44 Superagent is waiting
0:4321 frames1.4s cut0% face
Oikos Blended - Forkable Peach10M views
OIKOS Protein
Oikos Blended - Forkable Peach
0:158 frames4.0s cut0% face
Computer now connects with Plaid to link bank accounts, credit cards,...6.2M views
Perplexity
Computer now connects with Plaid to link bank accounts, credit cards,...
1:0321 frames0% face
Imagine every pixel on your screen, streamed live directly from a mod...6.0M views
Zain Shah
Imagine every pixel on your screen, streamed live directly from a mod...
0:146 frames0% face
Many drugs work by binding to a specific target in the body and block...4.1M views
Anthropic
Many drugs work by binding to a specific target in the body and block...
0:114 frames0% face
Introducing workspace agents in ChatGPTLaunch3.5M views
OpenAI
Introducing workspace agents in ChatGPT
1:1027 frames3.5s cut0% face
We’re expanding Claude for Financial Services, with an Excel add-in, ...3.3M views
Anthropic
We’re expanding Claude for Financial Services, with an Excel add-in, ...
1:4337 frames33.1s cut0% face
New Anthropic research: Project Deal. We created a marketplace for e...2.9M views
Anthropic
New Anthropic research: Project Deal. We created a marketplace for e...
0:052 frames0% face
Introducing Cursor Router, our intelligent model router that selects ...Launch2.7M views
Cursor
Introducing Cursor Router, our intelligent model router that selects ...
0:227 frames0% face

More launch

Same category, other makers, most watched first.

Introducing Base44’s Big Game Ad “It’s App to You”Launch140M views
Base44
Introducing Base44’s Big Game Ad “It’s App to You”
0:3024 frames1.9s cut79% face
Introducing Base44’s Big Game Ad Teaser “It’s App to You”Launch138M views
Base44
Introducing Base44’s Big Game Ad Teaser “It’s App to You”
0:1515 frames1.5s cut67% face
Introducing Perplexity Computer. Computer unifies every current AI c...Launch38M views
Perplexity
Introducing Perplexity Computer. Computer unifies every current AI c...
1:3432 frames3% face
Today we're excited to introduce Devin, the first AI software enginee...Launch31M views
Cognition
Today we're excited to introduce Devin, the first AI software enginee...
1:4937 frames11% face
introducing friend. not imaginary. order now atLaunch27M views
Avi
introducing friend. not imaginary. order now at
1:4450 frames2.9s cut50% face
Introducing Gemini Omni: Create Anything from AnythingLaunch26M views
Google
Introducing Gemini Omni: Create Anything from Anything
0:5462 frames0.8s cut8% face
It's no secret how we feel about typing at Wispr Flow. The truth is,...Launch19M views
Tanay Kothari
It's no secret how we feel about typing at Wispr Flow. The truth is,...
2:00110 frames5.1s cut52% face
Announcing a new division of Midjourney called "Midjourney Medical"Launch19M views
Midjourney
Announcing a new division of Midjourney called "Midjourney Medical"
2:23199 frames5.6s cut0% face
Introducing AI Key, a small device that lets AI control your entire p...Launch15M views
Adam
Introducing AI Key, a small device that lets AI control your entire p...
1:1936 frames6.6s cut53% face
Announcing Personal Computer. Personal Computer is an always on, loc...Launch14M views
Perplexity
Announcing Personal Computer. Personal Computer is an always on, loc...
1:2834 frames1.7s cut0% face
Introducing SubQ - a major breakthrough in LLM intelligence. It is t...Launch13M views
Alexander Whedon
Introducing SubQ - a major breakthrough in LLM intelligence. It is t...
1:2545 frames1.1s cut60% face
Vercel Ship is back. Join us on June 25 (NYC and online) to hear upd...Launch11M views
Vercel
Vercel Ship is back. Join us on June 25 (NYC and online) to hear upd...
0:083 frames0% face
Browse every frame in the library