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,773 subscribers

15,324 görüntüleme • 10 gün ö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

111,840 görüntüleme • 1 ay ö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,464 görüntüleme • 10 ay ö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 • 5 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 • 10 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,278 görüntüleme • 1 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,195 görüntüleme • 8 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,103 görüntüleme • 1 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,861,095 görüntüleme • 4 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,763 görüntüleme • 1 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

33,660 görüntüleme • 1 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,694 görüntüleme • 4 ay ö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

43,190 görüntüleme • 1 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

323,917 görüntüleme • 1 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 yıl önce