miggi from figgi's banner

miggi from figgi

@miggi • 41,010 subscribers

• aka professor figma • designer / educator • advocate, @figma for edu • opinions are my own • he/him/his

Shorts

Auto layout in Figma now lets you adjust auto gap spacing for nested elements for better CSS flex-box parity. Rolling out to all users by August 31st. More here:

Auto layout in Figma now lets you adjust auto gap spacing for nested elements for better CSS flex-box parity. Rolling out to all users by August 31st. More here:

35,397 görüntüleme

THIS IS @FIGMA NOW ! 🤯🤯🤯🤯🤯

THIS IS @FIGMA NOW ! 🤯🤯🤯🤯🤯

158,714 görüntüleme

In Figma Design you can easily cut up a shape with a path using the shape builder tool, without moving over to draw! 🤯 Just draw the path you want to use to "Cut." Just select your object and path and press "M," and click your regions. #FigmaTip

In Figma Design you can easily cut up a shape with a path using the shape builder tool, without moving over to draw! 🤯 Just draw the path you want to use to "Cut." Just select your object and path and press "M," and click your regions. #FigmaTip

243,502 görüntüleme

A thread of Figma agent prompt examples / screen recordings I helped bring to life to get you started on automations (with 🎵 made on my OP-XY): 🧵 1.) Explore design directions Prompt: Give me 3 style options for this design, one that's organic, one modern, and one retro.

A thread of Figma agent prompt examples / screen recordings I helped bring to life to get you started on automations (with 🎵 made on my OP-XY): 🧵 1.) Explore design directions Prompt: Give me 3 style options for this design, one that's organic, one modern, and one retro.

77,821 görüntüleme

Yes me just sitting backstage at Figma config and animating with shaders and motion! It's Christmas!

Yes me just sitting backstage at Figma config and animating with shaders and motion! It's Christmas!

41,345 görüntüleme

POV…making the Figma logo on the biggest screen imaginable. This has been a rad project to be a part of!

245,371 görüntüleme

LETS GOOO @FIGMA MOTION + SHADERS!!!!!!!! ON THE CANVAS!!!!

LETS GOOO @FIGMA MOTION + SHADERS!!!!!!!! ON THE CANVAS!!!!

34,358 görüntüleme

You can get the shader here, with my animated keyframes, too when you copy frame from my Figma Community riff:

You can get the shader here, with my animated keyframes, too when you copy frame from my Figma Community riff:

13,472 görüntüleme

If you want to change the rotation origin on an object in Figma Design, select the object and press ⌥R (Alt R) to bring up the orientation point, and move it to a better spot for that perfect rotation point. #FigmaTip

If you want to change the rotation origin on an object in Figma Design, select the object and press ⌥R (Alt R) to bring up the orientation point, and move it to a better spot for that perfect rotation point. #FigmaTip

75,650 görüntüleme

The Figma glass teaser and launch videos were made entirely with a series of screen recordings using with CleanShot for mac. For the teaser, I took the UI component, masked it and just resized and moved the mask around the screen in tandem with the glass frame. Noah Levin suggested we tease the light direction icon. It took a few tries to get just right, and in one take. 😅

The Figma glass teaser and launch videos were made entirely with a series of screen recordings using with CleanShot for mac. For the teaser, I took the UI component, masked it and just resized and moved the mask around the screen in tandem with the glass frame. Noah Levin suggested we tease the light direction icon. It took a few tries to get just right, and in one take. 😅

59,389 görüntüleme

Offset vector paths now available in Figma Draw. You can now take any flattened vector path and offset it to expand or retract it. It even lets you round out those sharp edges.

Offset vector paths now available in Figma Draw. You can now take any flattened vector path and offset it to expand or retract it. It even lets you round out those sharp edges.

55,585 görüntüleme

Don't forget to feed your Figma Figpal! I named mine Figthaniel.

Don't forget to feed your Figma Figpal! I named mine Figthaniel.

66,191 görüntüleme

Also! You can now also simplify your complex vector paths and reduce nodes with the newly added simplify vector tool in Figma Draw! I was super stoked to demo this yesterday on the Release Notes live stream!

Also! You can now also simplify your complex vector paths and reduce nodes with the newly added simplify vector tool in Figma Draw! I was super stoked to demo this yesterday on the Release Notes live stream!

53,256 görüntüleme

Applying the newly added splay property to the dock glass effect in the Apple iOS 26 kit in Figma

Applying the newly added splay property to the dock glass effect in the Apple iOS 26 kit in Figma

33,226 görüntüleme

You can right-click on a gradient fill in the gradient panel to redistribute gradient stops evenly in @Figma Design. (This used to be triggered previously with a double click.) #FigmaTip

You can right-click on a gradient fill in the gradient panel to redistribute gradient stops evenly in @Figma Design. (This used to be triggered previously with a double click.) #FigmaTip

32,275 görüntüleme

Variable width stroke now available in @Figma Draw! Join me live, and I'll show you how to use it during my Figma for Edu Monthly Workshop! Tomorrow, June 27th at 2PM ET! Register free!

Variable width stroke now available in @Figma Draw! Join me live, and I'll show you how to use it during my Figma for Edu Monthly Workshop! Tomorrow, June 27th at 2PM ET! Register free!

50,544 görüntüleme

I'm out here living my best life, knowing that we can now animate ellipse arcs natively in Figma.

I'm out here living my best life, knowing that we can now animate ellipse arcs natively in Figma.

10,976 görüntüleme

Yesterday I was giving a lecture at University of Washington. I saw that copy-paste design from Figma Make to Figma Design dropped, and tried it for the first time in front of about 300 students. The crowd went wilddddddddd with applause when it just worked!!!! This is what I showed them:

Yesterday I was giving a lecture at University of Washington. I saw that copy-paste design from Figma Make to Figma Design dropped, and tried it for the first time in front of about 300 students. The crowd went wilddddddddd with applause when it just worked!!!! This is what I showed them:

37,170 görüntüleme

Hello Times Square, but say it with a Figma prototype. 👋🏽

Hello Times Square, but say it with a Figma prototype. 👋🏽

41,322 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Skills! You can now publish and install skills directly from the Figma Community and use with Figma agent. Here are three to help you get started: 1. make-a-type-scale: 2. image-audit: 3. shader-starter:

Skills! You can now publish and install skills directly from the Figma Community and use with Figma agent. Here are three to help you get started: 1. make-a-type-scale: 2. image-audit: 3. shader-starter:

miggi from figgi

21,706 görüntüleme • 20 gün ö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?

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

miggi from figgi

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

You can now test your Figma Makes more naturally as a mobile experience without publishing... it just *Makes* sense! 💫

You can now test your Figma Makes more naturally as a mobile experience without publishing... it just Makes sense! 💫

miggi from figma

82,771 görüntüleme • 4 ay önce

Sometimes in Figma, I'll use the cut tool on stars then duplicate and rotate them in outline mode just to feel something. ✂️✨

Sometimes in Figma, I'll use the cut tool on stars then duplicate and rotate them in outline mode just to feel something. ✂️✨

miggi from figma

107,328 görüntüleme • 10 ay önce

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

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

miggi from figgi

16,489 görüntüleme • 1 ay önce

Here is how to make zoom and pan follow trim path animation in Figma Motion. #Figmatip. #figmamotion

Here is how to make zoom and pan follow trim path animation in Figma Motion. #Figmatip. #figmamotion

miggi from figgi

13,312 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

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 • 11 ay önce

You can now post riffs in Figma community profiles. Single frames that can be a static design or contain motion that others can copy and riff off of. Check out this trim path animation:

You can now post riffs in Figma community profiles. Single frames that can be a static design or contain motion that others can copy and riff off of. Check out this trim path animation:

miggi from figgi

20,218 görüntüleme • 2 ay ö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.

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 • 1 ay önce

It's true!... I am not going to tell you how much this illustration of mine lags in other vector editing tools. (so laggy)... and I can feel the difference even more with this recent improvement in Figma.

It's true!... I am not going to tell you how much this illustration of mine lags in other vector editing tools. (so laggy)... and I can feel the difference even more with this recent improvement in Figma.

miggi from figma

30,058 görüntüleme • 4 ay önce

No more waiting for one image to finish, you can now prompt edit multiple images at once in Figma! Keep working and stay in your flow as they generate and load in.

No more waiting for one image to finish, you can now prompt edit multiple images at once in Figma! Keep working and stay in your flow as they generate and load in.

miggi from figgi

14,981 görüntüleme • 1 ay ö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.

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 • 1 ay önce

New year / New frame improvements in Figma ! 🥳 1. (0,0) origin point for new frames on a blank canvas 2. New frames remember previous dimensions 3. New Quick add insert to duplicate new frame (press option / alt to add blank frame) Let's go!

New year / New frame improvements in Figma ! 🥳 1. (0,0) origin point for new frames on a blank canvas 2. New frames remember previous dimensions 3. New Quick add insert to duplicate new frame (press option / alt to add blank frame) Let's go!

miggi from figma

79,532 görüntüleme • 1 yıl ö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.

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 • 11 ay önce

You are in their DMs, I'm in their Figma file... 😘❤️ with edit access. 🫦

You are in their DMs, I'm in their Figma file... 😘❤️ with edit access. 🫦

miggi from figgi

30,946 görüntüleme • 6 ay önce

Another shape builder in Figma design example, in the blink of an eye 👁️. • "M" enters shape builder mode • "Option / Alt" held + click to removes areas • "Shift + X" swaps fill and stroke

Another shape builder in Figma design example, in the blink of an eye 👁️. • "M" enters shape builder mode • "Option / Alt" held + click to removes areas • "Shift + X" swaps fill and stroke

miggi from figgi

38,168 görüntüleme • 11 ay önce

You can finally lock aspect ratio on obects in Figma! Apply it to media inside of your Auto layout components for better resizing! Tip: hold control to temporarily disable it when resizing! Let's go!!!! 🔒 it down!

You can finally lock aspect ratio on obects in Figma! Apply it to media inside of your Auto layout components for better resizing! Tip: hold control to temporarily disable it when resizing! Let's go!!!! 🔒 it down!

miggi from figgi

50,071 görüntüleme • 1 yıl önce

New Figma glass effect updates begin rolling out today! Here is a break down of each one: • Round frame corners independently • Add glass to graphics, shapes and text • Apply variables to glass properties • New Splay property for edge adjustments

New Figma glass effect updates begin rolling out today! Here is a break down of each one: • Round frame corners independently • Add glass to graphics, shapes and text • Apply variables to glass properties • New Splay property for edge adjustments

miggi from figgi

21,515 görüntüleme • 7 ay önce