Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Made with Figma Make. I paid more attention to micro interactions and smooth motion

creativestefan's profile picture

Stefan

12,072 subscribers

41,009 Aufrufe • vor 5 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Made with Figma Motion
1:17

Made with Figma Motion

VeduBoi

151,490 Aufrufe • vor 1 Monat

Made with Figma Motion. 🧡🔥
0:20

Made with Figma Motion. 🧡🔥

BK • Design Top G 👑

21,921 Aufrufe • vor 1 Monat

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

16,489 Aufrufe • vor 27 Tagen

Do more with video in your prototypes. We’ve made it easier to create realistic video players in Figma. Add interactions that let you play, pause, mute, or skip to timestamps in a single frame. And you can now trigger events with video playback. See more in the 🧵
0:39

Do more with video in your prototypes. We’ve made it easier to create realistic video players in Figma. Add interactions that let you play, pause, mute, or skip to timestamps in a single frame. And you can now trigger events with video playback. See more in the 🧵

Figma

356,448 Aufrufe • vor 3 Jahren

“Prototyping in Figma has completely transformed how I approach design. It’s not just about creating static screens; it’s about crafting a smooth, interactive experience that feels real to the user. When you bring your design elements to life, you’re able to see how each piece connects, spot any weak areas, and get feedback early on. One tip? Start simple. Focus on key interactions before diving into details. This lets you test the overall flow and make adjustments as needed without getting bogged down. Figma’s prototyping make it easy to add transitions, animations, and micro-interactions that bring the entire design together. The best part? It’s collaborative. Team members, stakeholders, and users can interact with your prototype and provide insights that really help you refine the design. Let me know if we should host a Space on this over the weekend. Will be glad to give more tips! Here is another prototype made with ❤️❤️❤️ in Figma #Figma #Prototyping #UXDesign #DesignProcess #InteractiveDesign”
3:08

“Prototyping in Figma has completely transformed how I approach design. It’s not just about creating static screens; it’s about crafting a smooth, interactive experience that feels real to the user. When you bring your design elements to life, you’re able to see how each piece connects, spot any weak areas, and get feedback early on. One tip? Start simple. Focus on key interactions before diving into details. This lets you test the overall flow and make adjustments as needed without getting bogged down. Figma’s prototyping make it easy to add transitions, animations, and micro-interactions that bring the entire design together. The best part? It’s collaborative. Team members, stakeholders, and users can interact with your prototype and provide insights that really help you refine the design. Let me know if we should host a Space on this over the weekend. Will be glad to give more tips! Here is another prototype made with ❤️❤️❤️ in Figma #Figma #Prototyping #UXDesign #DesignProcess #InteractiveDesign”

designwithkingsley

44,251 Aufrufe • vor 1 Jahr

Greatest mobile interactive design inspiration. Designers, I found this insane website for mobile interactive design inspiration. 60fps is a curated showcase of top-tier animations and interactions from the best iOS, Android, and web apps, perfect for anyone obsessed with motion and micro-interactions.
1:04

Greatest mobile interactive design inspiration. Designers, I found this insane website for mobile interactive design inspiration. 60fps is a curated showcase of top-tier animations and interactions from the best iOS, Android, and web apps, perfect for anyone obsessed with motion and micro-interactions.

Abraham John 🦄🦓

40,935 Aufrufe • vor 1 Jahr

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,565 Aufrufe • vor 1 Monat

Introducing code layers in Figma Sites Add interactions and animations with code crafted by you or with help from Figma’s AI
0:31

Introducing code layers in Figma Sites Add interactions and animations with code crafted by you or with help from Figma’s AI

Figma

169,255 Aufrufe • vor 1 Jahr

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.
2:06

Now i made an app for All in One app to improve your life in #ConfigMakeathon #Figma Figma Meet BEARIFY. The progress of the app went very smoothly with good planning. - Brainstorming - Interview - Friends/Other user feedbacks - Negative Opinions for improvements - Figma Make and Figma Weave - Ai - Design Sketching 🔸Site link: 🔸Figma Community: Built with Figma.

Aymducking

212,987 Aufrufe • vor 2 Monaten

🚀 Launch day! Meet⚡️Micro-Interactions ready to use micro-interactions library made for Webflow. 🟡20+ Button Hover Interactions included. 🟡Copy & paste into your projects. 🟡Totally free to use, no strings attached. #webflow #NoCode #uiuxdesign
0:50

🚀 Launch day! Meet⚡️Micro-Interactions ready to use micro-interactions library made for Webflow. 🟡20+ Button Hover Interactions included. 🟡Copy & paste into your projects. 🟡Totally free to use, no strings attached. #webflow #NoCode #uiuxdesign

Hafiz - Webflow Designer & Developer

29,616 Aufrufe • vor 2 Jahren

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

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

miggi from figgi

13,224 Aufrufe • vor 20 Tagen

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,526 Aufrufe • vor 6 Monaten

Starting today, you will be able to select Gemini 3 Pro as an experimental model in Figma Make It’s early, but we’re already seeing impressive results: → Generate 0→1 results with a broad variety of styles, layouts, and interactions → Accurately translate Figma designs into code-backed prototypes → Iterate and refine with nuance
0:44

Starting today, you will be able to select Gemini 3 Pro as an experimental model in Figma Make It’s early, but we’re already seeing impressive results: → Generate 0→1 results with a broad variety of styles, layouts, and interactions → Accurately translate Figma designs into code-backed prototypes → Iterate and refine with nuance

Figma

170,349 Aufrufe • vor 9 Monaten

I recorded a 10-min tutorial on how to use Figma Motion and shaders.
10:18

I recorded a 10-min tutorial on how to use Figma Motion and shaders.

Meng To

66,211 Aufrufe • vor 1 Monat

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.
0:33

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,629 Aufrufe • vor 1 Monat

Apple’s attention to detail. ✨ In Low Power Mode, the Clock app and widget switch from smooth motion to ticking.
0:40

Apple’s attention to detail. ✨ In Low Power Mode, the Clock app and widget switch from smooth motion to ticking.

Private Talky

515,816 Aufrufe • vor 9 Monaten

Landing page designed in just a few days. Take a look at these micro-interactions. Built fast. Obsessive attention to detail.
0:24

Landing page designed in just a few days. Take a look at these micro-interactions. Built fast. Obsessive attention to detail.

James Laurent

74,681 Aufrufe • vor 6 Monaten

I built an image compressor for the Config Makeathon. Squeeze is a browser-based image compressor with silky-smooth compression visualization. I designed it in Figma, coded with Figma MCP + Cursor, and polished & published through Figma Make's GitHub connector. Live URL: #ConfigMakeathon Figma #FigmaDesignAgent #FigmaMake #FigmaMCP
0:33

I built an image compressor for the Config Makeathon. Squeeze is a browser-based image compressor with silky-smooth compression visualization. I designed it in Figma, coded with Figma MCP + Cursor, and polished & published through Figma Make's GitHub connector. Live URL: #ConfigMakeathon Figma #FigmaDesignAgent #FigmaMake #FigmaMCP

Joshua Guo

13,270 Aufrufe • vor 2 Monaten

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,696 Aufrufe • vor 1 Monat

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,395 Aufrufe • vor 2 Monaten