Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

creativestefan's profile picture

Stefan

12,072 subscribers

41,009 görüntüleme • 6 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

Made with Figma Motion
1:17

Made with Figma Motion

VeduBoi

151,490 görüntüleme • 2 ay önce

Made with Figma Motion. 🧡🔥
0:20

Made with Figma Motion. 🧡🔥

BK • Design Top G 👑

21,921 görüntüleme • 2 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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