Kembali ke video

Figma

Figma Motion basics: Motion path

Peluncuran
Platform
YouTube
Durasi
1:23
Bahasa yang diucapkan
Inggris
Tontonan
8,3 rb
Jeda potongan median
0.09s
Wajah di layar
0%
Frame gelap
4%
Figma Figma Motion basics: Motion path at 0:00
FigmaFigma Motion basics: Motion path
0:00
Figma Figma Motion basics: Motion path at 0:03
FigmaFigma Motion basics: Motion path
0:03
Figma Figma Motion basics: Motion path at 0:04
FigmaFigma Motion basics: Motion path
0:04
Figma Figma Motion basics: Motion path at 0:04
FigmaFigma Motion basics: Motion path
0:04
Figma Figma Motion basics: Motion path at 0:13
FigmaFigma Motion basics: Motion path
0:13
Figma Figma Motion basics: Motion path at 0:18
FigmaFigma Motion basics: Motion path
0:18
Figma Figma Motion basics: Motion path at 0:18
FigmaFigma Motion basics: Motion path
0:18
Figma Figma Motion basics: Motion path at 0:18
FigmaFigma Motion basics: Motion path
0:18
Figma Figma Motion basics: Motion path at 0:25
FigmaFigma Motion basics: Motion path
0:25
Figma Figma Motion basics: Motion path at 0:37
FigmaFigma Motion basics: Motion path
0:37
Figma Figma Motion basics: Motion path at 0:40
FigmaFigma Motion basics: Motion path
0:40
Figma Figma Motion basics: Motion path at 0:40
FigmaFigma Motion basics: Motion path
0:40
Figma Figma Motion basics: Motion path at 0:40
FigmaFigma Motion basics: Motion path
0:40
Figma Figma Motion basics: Motion path at 0:40
FigmaFigma Motion basics: Motion path
0:40
Figma Figma Motion basics: Motion path at 0:40
FigmaFigma Motion basics: Motion path
0:40
Figma Figma Motion basics: Motion path at 0:41
FigmaFigma Motion basics: Motion path
0:41
Figma Figma Motion basics: Motion path at 0:43
FigmaFigma Motion basics: Motion path
0:43
Figma Figma Motion basics: Motion path at 0:49
FigmaFigma Motion basics: Motion path
0:49
Figma Figma Motion basics: Motion path at 0:52
FigmaFigma Motion basics: Motion path
0:52
Figma Figma Motion basics: Motion path at 0:55
FigmaFigma Motion basics: Motion path
0:55
Figma Figma Motion basics: Motion path at 0:57
FigmaFigma Motion basics: Motion path
0:57
Figma Figma Motion basics: Motion path at 0:58
FigmaFigma Motion basics: Motion path
0:58
Figma Figma Motion basics: Motion path at 0:58
FigmaFigma Motion basics: Motion path
0:58
Figma Figma Motion basics: Motion path at 0:58
FigmaFigma Motion basics: Motion path
0:58
Figma Figma Motion basics: Motion path at 0:58
FigmaFigma Motion basics: Motion path
0:58
Figma Figma Motion basics: Motion path at 0:58
FigmaFigma Motion basics: Motion path
0:58
Figma Figma Motion basics: Motion path at 1:01
FigmaFigma Motion basics: Motion path
1:01
Figma Figma Motion basics: Motion path at 1:07
FigmaFigma Motion basics: Motion path
1:07
Figma Figma Motion basics: Motion path at 1:09
FigmaFigma Motion basics: Motion path
1:09
Figma Figma Motion basics: Motion path at 1:09
FigmaFigma Motion basics: Motion path
1:09
Figma Figma Motion basics: Motion path at 1:10
FigmaFigma Motion basics: Motion path
1:10
Figma Figma Motion basics: Motion path at 1:14
FigmaFigma Motion basics: Motion path
1:14
Figma Figma Motion basics: Motion path at 1:19
FigmaFigma Motion basics: Motion path
1:19

Transkrip Figma Motion basics: Motion path

Ditranskripsikan oleh model suara dari audio filmnya sendiri, bukan ditulis oleh mereknya. Klik baris mana pun untuk melompat ke momen itu.

  1. 0:00Let's learn about motion paths in Figma Motion.
  2. 0:03When you add position keyframes to an object, that movement is displayed as a motion path
  3. 0:08on the canvas.
  4. 0:09Motion paths are made up of dots, which indicate an animation's speed, also known as easing,
  5. 0:14and boxes, which mark the position of each keyframe.
  6. 0:17To view an object's motion path, select it on the canvas or in the layer section of the
  7. 0:22timeline.
  8. 0:23Motion paths are not set in stone, and can be altered as needed.
  9. 0:27Reposition keyframes by clicking and dragging them on the canvas, or create more natural
  10. 0:32movement by holding the modifier key and using the handle to add smooth curves to the path.
  11. 0:40Keyframe position is only half of the motion equation, and animation's easing also influences
  12. 0:45how it moves.
  13. 0:47Evenly spaced dots along the motion path indicate steady, linear movement.
  14. 0:52The wider the gaps get, the faster your animation moves.
  15. 0:58To change the easing, click the line between two keyframes, then select a default curve from the menu, or create a custom one.
15 baris · 176 kata

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.09s.

Iran War Expert: “I Worry They Will Attack Us On Home Soil!” | Robert Pape6.9M views
The Diary Of A CEO
Iran War Expert: “I Worry They Will Attack Us On Home Soil!” | Robert Pape
101:13191 frames0.1s cut48% face
New Anthropic research: A global workspace in language models. Of ev...11M views
Anthropic
New Anthropic research: A global workspace in language models. Of ev...
5:27387 frames0.1s cut0% face
New Anthropic research: Emotion concepts and their function in a larg...3.9M views
Anthropic
New Anthropic research: Emotion concepts and their function in a larg...
4:53435 frames0.1s cut1% face
Marcos Rico Peng - today we're launching @Palmier_io, a video editor Claude can edit. ...Launch2.8M views
Marcos Rico Peng
Marcos Rico Peng - today we're launching @Palmier_io, a video editor Claude can edit. ...
0:3949 frames0.1s cut20% face
We won the race to criticality, but the most important race is the ra...148K views
Jordan Bramble
We won the race to criticality, but the most important race is the ra...
0:2054 frames0.1s cut0% face
You made billions of searches on Perplexity in 2024. Which topics tr...102K views
Perplexity
You made billions of searches on Perplexity in 2024. Which topics tr...
0:1912 frames0.1s cut0% face
Introducing `Agent-1`: a breakthrough foundation model that can opera...Launch252K views
Matt Shumer
Introducing `Agent-1`: a breakthrough foundation model that can opera...
0:5341 frames0.1s cut0% face
Flux 3 on the Pika API ClubLaunch94 views
Pika Labs
Flux 3 on the Pika API Club
0:1617 frames0.1s cut18% face
Uni-1 is here! A new kind of model that thinks and generates pixels s...Launch6.5M views
Luma
Uni-1 is here! A new kind of model that thinks and generates pixels s...
1:0048 frames0.1s cut4% face
Turn your article into a cover image with AI215 views
HeadshotPro
Turn your article into a cover image with AI
0:127 frames0.1s cut0% face
Suspect YEETS Skydio R10 Indoor Drone Out a Window... It Still Got the Job Done.1.8M views
Skydio
Suspect YEETS Skydio R10 Indoor Drone Out a Window... It Still Got the Job Done.
2:02116 frames0.1s cut1% face
this is Krea 2. our first foundation model, built completely from sc...2.4M views
Krea
this is Krea 2. our first foundation model, built completely from sc...
1:0737 frames0.1s cut16% 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.

Introducing Cursor 2.0Launch9.5M views
Cursor
Introducing Cursor 2.0
1:0423 frames0% face
Introducing Brain in Computer. Brain is a continuously learning memo...Launch611K views
Perplexity
Introducing Brain in Computer. Brain is a continuously learning memo...
1:0623 frames0% face
Claude can now read and update your @NotionHQ pages and @linear ticke...197K views
Anthropic
Claude can now read and update your @NotionHQ pages and @linear ticke...
0:5723 frames16.4s cut0% face
i can teach you figma motion41K views
heyclicky
i can teach you figma motion
0:5446 frames1.6s cut0% face
User Guide | Smart LED Monitor Stand659 views
Nanoleaf
User Guide | Smart LED Monitor Stand
2:36126 frames3.7s cut0% face
Introducing Cursor 2.0. Our first coding model and the best way to c...Launch3.6M views
Cursor
Introducing Cursor 2.0. Our first coding model and the best way to c...
1:0422 frames0% face
Introducing Grok 4.5: Fast, affordable intelligenceLaunch18K views
Grok
Introducing Grok 4.5: Fast, affordable intelligence
0:5622 frames4.9s cut0% face
George Hartley ☄️ - I just sent our launch announcement to 10,000 people. It took one pr...Launch563K views
George Hartley
George Hartley ☄️ - I just sent our launch announcement to 10,000 people. It took one pr...
1:0427 frames3.6s cut0% face
REALME C15 Qualcomm Edition Trailer Commercial Official Video HD | Realme C15 SD4607K views
Argus World Plus
REALME C15 Qualcomm Edition Trailer Commercial Official Video HD | Realme C15 SD460
0:3028 frames1.5s cut0% face
Turn written content into professional designs with Claude + @canva ...358K views
Anthropic
Turn written content into professional designs with Claude + @canva ...
0:5120 frames45.0s cut0% face
Animate your company Logo26K views
Jitter
Animate your company Logo
1:3839 frames2.9s cut0% face
Introducing Cloud Computer for Manus | Build Bots, Databases & 24/7 Automations Without CodeLaunch188K views
Manus AI
Introducing Cloud Computer for Manus | Build Bots, Databases & 24/7 Automations Without Code
0:4819 frames1.4s cut0% 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 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
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
Browse every frame in the library