Загрузка видео...

Не удалось загрузить видео

На главную

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

creativestefan's profile picture

Stefan

12,072 subscribers

41,009 просмотров • 6 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Made with Figma Motion
1:17

Made with Figma Motion

VeduBoi

151,490 просмотров • 2 месяцев назад

Made with Figma Motion. 🧡🔥
0:20

Made with Figma Motion. 🧡🔥

BK • Design Top G 👑

21,921 просмотров • 2 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 3 лет назад

“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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 2 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 2 месяцев назад

🚀 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 просмотров • 2 лет назад

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 просмотров • 1 месяц назад

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 просмотров • 7 месяцев назад

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 просмотров • 9 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 9 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 2 месяцев назад