Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 3 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

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 görüntüleme • 3 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

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

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 görüntüleme • 2 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,988 görüntüleme • 4 ay önce

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

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

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

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

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

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

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

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

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