Loading video...

Video Failed to Load

Go Home

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's profile picture

miggi from figgi

40,933 subscribers

14,638 views • 3 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Fun with background removal and masks in Figma and a little behind the scenes on the process behind how I make my talking head avatar for OBS. With a guest appearance by Tom Lowry ;).
4:48

Fun with background removal and masks in Figma and a little behind the scenes on the process behind how I make my talking head avatar for OBS. With a guest appearance by Tom Lowry ;).

miggi from figma

13,450 views • 2 years 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,411 views • 2 years 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

44,093 views • 3 months ago

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

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

miggi from figgi

18,097 views • 2 months ago

I built a Claude skill that makes motion-style animation. > Paste a reference image > It generates frames with Nano Banana 2 > and animates the video with Seedance 2.0 Everything runs in Claude through the Arcads MCP Comment "Motion", and I'll send you the skill
0:25

I built a Claude skill that makes motion-style animation. > Paste a reference image > It generates frames with Nano Banana 2 > and animates the video with Seedance 2.0 Everything runs in Claude through the Arcads MCP Comment "Motion", and I'll send you the skill

Romain Torres

420,597 views • 3 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,880 views • 2 years ago

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜
0:24

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

31,000 views • 8 months ago

Design once in Figma. Scale everywhere with Pencil. Our plugin turns any Figma section into a ready-to-scale template. Frames become formats. Text stays editable. Shapes stay sharp. Design once → then adapt and localize in Pencil.
0:49

Design once in Figma. Scale everywhere with Pencil. Our plugin turns any Figma section into a ready-to-scale template. Frames become formats. Text stays editable. Shapes stay sharp. Design once → then adapt and localize in Pencil.

Pencil

1,091,597 views • 2 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,988 views • 4 months ago

A quick timelapse of the process behind my latest Raven shot 📸 I used a pre-made pose as a base, adjusted it to fit the composition better, and finished it with some minor Lightroom edits.
2:00

A quick timelapse of the process behind my latest Raven shot 📸 I used a pre-made pose as a base, adjusted it to fit the composition better, and finished it with some minor Lightroom edits.

Mari

20,142 views • 5 months ago

I remember a while ago someone said that Notion doesn't have a design system, so I think I might make something I'll build how I would approach making a Figma kit in the Notion style, with naming conventions and an opinion on component structure and then post to the community
1:01

I remember a while ago someone said that Notion doesn't have a design system, so I think I might make something I'll build how I would approach making a Figma kit in the Notion style, with naming conventions and an opinion on component structure and then post to the community

luis.

29,869 views • 1 year ago

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,697 views • 2 months ago

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.
0:51

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.

Matt

10,553 views • 8 months ago

A few more updates to Figma Make → Review changes with a to-do list → Navigate to specific pages → Edit text and delete elements directly in preview
0:26

A few more updates to Figma Make → Review changes with a to-do list → Navigate to specific pages → Edit text and delete elements directly in preview

Figma

62,586 views • 8 months ago

Arturo Galván Soler shared with us the process behind creating a stylized 3D elf, discussing sculpting, hand-painted texturing, and animating using Blender, Substance 3D Painter, and Procreate. Read:
0:27

Arturo Galván Soler shared with us the process behind creating a stylized 3D elf, discussing sculpting, hand-painted texturing, and animating using Blender, Substance 3D Painter, and Procreate. Read:

80 LEVEL

23,871 views • 3 months ago

Nuxt UI v4.11 is here! 🎊 ↔️ New Splitter component 📊 New ProgressGroup component ⚡️ Snappier motion with a shared easing curve 🌳 Component detection to tree-shake CSS in Vue ...and plenty more:
0:22

Nuxt UI v4.11 is here! 🎊 ↔️ New Splitter component 📊 New ProgressGroup component ⚡️ Snappier motion with a shared easing curve 🌳 Component detection to tree-shake CSS in Vue ...and plenty more:

Benjamin Canac

15,718 views • 1 month ago

Slots are so much better for Figma performance Here's my recommendation for the iOS 26 kit, reducing the Segmented Control down from a 14 component variant set, down to a single component with two sub components! (Note: this is a breaking change)
1:55

Slots are so much better for Figma performance Here's my recommendation for the iOS 26 kit, reducing the Segmented Control down from a 14 component variant set, down to a single component with two sub components! (Note: this is a breaking change)

luis.

33,398 views • 4 months ago

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process
0:25

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process

Harshil Acharya

104,560 views • 1 year ago

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.
0:30

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.

Claude

4,327,598 views • 7 months ago