Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Easily animate with the arc tool and Figma motion to make loading visualizations! #figmatip

miggi's profile picture

miggi from figgi

40,871 subscribers

16,489 görüntüleme • 1 ay önce •via X (Twitter)

#figmatip
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Figma Motion: design AND animate in the same file Live from Config 2026
17:31

Figma Motion: design AND animate in the same file Live from Config 2026

Figma

113,236 görüntüleme • 2 ay önce

In Figma motion, you can easily nest your animation in a frame, and use that parent frame as a camera with position, scale, and rotation. Also J and K will move the play head to the next and previous visible key frames. #figmatip Who wants a full tutorial on this concept?
0:44

In Figma motion, you can easily nest your animation in a frame, and use that parent frame as a camera with position, scale, and rotation. Also J and K will move the play head to the next and previous visible key frames. #figmatip Who wants a full tutorial on this concept?

miggi from figgi

32,621 görüntüleme • 1 ay önce

Figma to Lottie just got even better with the new Trim Path feature! 🎉 ✂️ Now you can animate stroke layers and create stunning motion designs effortlessly. Download LottieFiles for Figma now 👉
0:24

Figma to Lottie just got even better with the new Trim Path feature! 🎉 ✂️ Now you can animate stroke layers and create stunning motion designs effortlessly. Download LottieFiles for Figma now 👉

LottieFiles

17,025 görüntüleme • 3 yıl önce

Your Friday reminder that the pattern fill tool in Figma is an absolute bop. Select any source that you want to be a pattern, and it live updates, and control the pattern type, scaling, spacing, and orientation. #FigmaTip
0:33

Your Friday reminder that the pattern fill tool in Figma is an absolute bop. Select any source that you want to be a pattern, and it live updates, and control the pattern type, scaling, spacing, and orientation. #FigmaTip

miggi from figgi

81,529 görüntüleme • 1 yıl önce

Made with Figma Make. I paid more attention to micro interactions and smooth motion
0:34

Made with Figma Make. I paid more attention to micro interactions and smooth motion

Stefan

41,009 görüntüleme • 6 ay önce

#FigmaTip: Use Layout Grids paired with Constraints to anchor elements to columns or rows when resizing. Thanks, Ana for the tip!
2:14

#FigmaTip: Use Layout Grids paired with Constraints to anchor elements to columns or rows when resizing. Thanks, Ana for the tip!

Figma

64,533 görüntüleme • 3 yıl önce

releasing the tool behind the clucky launch video. anim8 vectorizes any image into editable svg and lets you animate and export it in one workspace. mp4, svg, lottie, figma motion import. early launch pricing, $9/mo. live now! #shipaton
0:39

releasing the tool behind the clucky launch video. anim8 vectorizes any image into editable svg and lets you animate and export it in one workspace. mp4, svg, lottie, figma motion import. early launch pricing, $9/mo. live now! #shipaton

adrian (adi)

84,797 görüntüleme • 28 gün önce

You can loop property tracks on the timeline in Figma motion, right click on any property track and set "loop track". #figmatip You can also snap to them while holding shift, or while dragging the end of the playback area.
0:32

You can loop property tracks on the timeline in Figma motion, right click on any property track and set "loop track". #figmatip You can also snap to them while holding shift, or while dragging the end of the playback area.

miggi from figgi

14,774 görüntüleme • 2 ay önce

Make a yin-yang symbol with the shape builder tool in Figma in 22 seconds. In Figma Design, you can press the M short key with selected objects to access the shape builder tool. Option or alt click to subtract away.
0:22

Make a yin-yang symbol with the shape builder tool in Figma in 22 seconds. In Figma Design, you can press the M short key with selected objects to access the shape builder tool. Option or alt click to subtract away.

miggi from figgi

52,774 görüntüleme • 1 yıl önce

A little behind the process... animating with nested frames with adjusted anchor points -> component then duplicated and rotated to make my lil creatures in Figma motion.
0:33

A little behind the process... animating with nested frames with adjusted anchor points -> component then duplicated and rotated to make my lil creatures in Figma motion.

miggi from figgi

14,638 görüntüleme • 2 ay önce

And yes, Figma motion context can be sent via Figma MCP. I was able to take the motion bento from the keynote to create a motion explainer site, as an expressive brand doc.
0:20

And yes, Figma motion context can be sent via Figma MCP. I was able to take the motion bento from the keynote to create a motion explainer site, as an expressive brand doc.

miggi from figgi

45,565 görüntüleme • 2 ay önce

I built a tool to create, animate & export pixel art using Figma & now it’s on a billboard in Singapore 🫨 It all started out as a joke & after 384 prompts in Figma Make….I DID IT Thanks Figma for all the love & for featuring it. It’s been my highlight of this year.
0:59

I built a tool to create, animate & export pixel art using Figma & now it’s on a billboard in Singapore 🫨 It all started out as a joke & after 384 prompts in Figma Make….I DID IT Thanks Figma for all the love & for featuring it. It’s been my highlight of this year.

Ayaneshu

23,272 görüntüleme • 10 ay önce

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.
0:25

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.

Figma

96,537 görüntüleme • 3 ay önce

Finally got to animate this carousel.🚧 Made with Figma of course. 🪄
0:20

Finally got to animate this carousel.🚧 Made with Figma of course. 🪄

Oluwapelumi

63,472 görüntüleme • 1 yıl önce

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.
0:37

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.

Figma

17,868,983 görüntüleme • 5 ay önce

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.
6:06

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

Meng To

171,880 görüntüleme • 2 yıl önce

Excited to launch Figma Motion! I joined this effort a few months ago, and one of the many things I’ve been able to design so far: Motion Styles! You’ll be able to save and distribute your own styles very soon. But to get you started, we have 36 premade styles ready for you to play with. We have a ton of stuff in the pipeline, and are working hard to make this the best motion tool out there. Let us know what you need! We’re listening.
1:00

Excited to launch Figma Motion! I joined this effort a few months ago, and one of the many things I’ve been able to design so far: Motion Styles! You’ll be able to save and distribute your own styles very soon. But to get you started, we have 36 premade styles ready for you to play with. We have a ton of stuff in the pipeline, and are working hard to make this the best motion tool out there. Let us know what you need! We’re listening.

Billy Sweeney

34,022 görüntüleme • 2 ay önce

I'd like to see the CEO of ARC Raiders try to make it out of Loading Bay alive 🎥Nadeshot
0:30

I'd like to see the CEO of ARC Raiders try to make it out of Loading Bay alive 🎥Nadeshot

ARC Raiders PVP

372,761 görüntüleme • 6 ay önce

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025
10:19

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Figma

324,113 görüntüleme • 1 yıl önce

Ways to use Motion in Figma, with kelly hu and Priscilla Choi 0:00 Intro 0:25 Adding Motion with Figma agent 2:56 Adding Motion with keyframes 4:44 Creating variable types 5:55 Commenting and multiplayer 6:28 Adding 3D transform effects (coming soon) 8:33 Animating a 3D transformed asset (coming soon) 9:09 Exporting 10:01 Outro
10:17

Ways to use Motion in Figma, with kelly hu and Priscilla Choi 0:00 Intro 0:25 Adding Motion with Figma agent 2:56 Adding Motion with keyframes 4:44 Creating variable types 5:55 Commenting and multiplayer 6:28 Adding 3D transform effects (coming soon) 8:33 Animating a 3D transformed asset (coming soon) 9:09 Exporting 10:01 Outro

Figma

44,093 görüntüleme • 2 ay önce