Loading video...

Video Failed to Load

Go Home

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

miggi's profile picture

miggi from figgi

40,773 subscribers

15,324 views • 10 days ago •via X (Twitter)

#figmatip
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

111,840 views • 1 month ago

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,464 views • 10 months ago

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 views • 5 months ago

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 views • 10 months ago

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,278 views • 1 month ago

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,195 views • 8 months ago

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,103 views • 1 month ago

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 views • 1 year ago

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,861,095 views • 4 months ago

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,763 views • 1 year ago

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

33,660 views • 1 month ago

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,694 views • 4 months ago

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

43,190 views • 1 month ago

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

323,917 views • 1 year ago

Quick little intro to Figma Motion, and doing things the old fashioned manual way.
29:29

Quick little intro to Figma Motion, and doing things the old fashioned manual way.

Gary Simon

22,122 views • 1 month ago

New in Figma Make: connectors Visualize PRDs and tasks with the help of @notionHQ, @atlassian, Linear, and asana
3:20

New in Figma Make: connectors Visualize PRDs and tasks with the help of @notionHQ, @atlassian, Linear, and asana

Figma

101,149 views • 9 months ago

More ways to animate with LottieFiles: - Auto-layout - Nested Frames - Multi-variant Components - Gradients - Handoff features like animation URLs and embed codes for Dev Mode Download the plugin and play →
1:20

More ways to animate with LottieFiles: - Auto-layout - Nested Frames - Multi-variant Components - Gradients - Handoff features like animation URLs and embed codes for Dev Mode Download the plugin and play →

Figma

124,374 views • 2 years ago

UI/UX Designers, did you know you can convert your PNG images to SVG format and customize the colors directly in Figma? Quick Tracing is a Figma plugin that allows you to easily trace and convert images into vector shapes directly within Figma with just one click.
0:30

UI/UX Designers, did you know you can convert your PNG images to SVG format and customize the colors directly in Figma? Quick Tracing is a Figma plugin that allows you to easily trace and convert images into vector shapes directly within Figma with just one click.

Abraham John 🦄🦓

72,101 views • 1 year ago

FIGMA MOTION IS INSANE!!😆 after effects RIP🥲 it took me just 15 seconds to make this
0:47

FIGMA MOTION IS INSANE!!😆 after effects RIP🥲 it took me just 15 seconds to make this

editwithkaran

83,372 views • 1 month ago

Back at it again: ways to make your life easier with JavaScript in Figma
0:37

Back at it again: ways to make your life easier with JavaScript in Figma

Figma

56,241 views • 1 year ago