Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

This might be the most complex prototype I’ve ever built in #figma. It uses every prototyping technique possible; basic frame to frame transitions, interactive components, and variables. May not look like much, but there’s a lot going on under the hood.

Anthony

1,690 subscribers

56,915 views • 2 years ago •via X (Twitter)

Science & Technology #figma

Anya Rossi• Live Now

Private livecam show

10 Comments

Baytaş2 years ago

What posessed you to build this in Figma rather than an app that’s designed to build this kind of thing?

Anthony2 years ago

I like to put Figma to the test and show my team what it’s capable of. Or maybe I’m just a masochist. Hahaha

Dennys Hess2 years ago

Intense. Hope you don’t have to change it 😂

Anthony2 years ago

Hahaha

Miggi from Figgi2 years ago

👏🏽👏🏽👏🏽 looking amazing

Anthony2 years ago

Thank you Figmaster! That’s high praise. Haha

Ricardo Medina2 years ago

idk how you did it but my Figma gets super sluggish after getting a few complex things tied together

Anthony2 years ago

There’s honestly not that many main frames, maybe 10-12… a lot of it is controlled by interactive components.

Ee Venn Soh2 years ago

Slick! Definitely a ton of effort behind this!

Axel Eerbeek2 years ago

Nice dude!

Related Videos

Ever wondered how we come up with combos with new characters and new moves? It’s all in the frame data! Frame data opens up a new perspective to the game. This is one of the most basic levels of frame data 101. Check it out! #streetfighter #streetfighter6 #kimberly #sf6

Ever wondered how we come up with combos with new characters and new moves? It’s all in the frame data! Frame data opens up a new perspective to the game. This is one of the most basic levels of frame data 101. Check it out! #streetfighter #streetfighter6 #kimberly #sf6

Sherry Nhan

109,419 views • 3 years ago

Stanley Kubrick’s Barry Lyndon (1975) might be the most visually stunning film ever made. Shot entirely with natural light and candlelight, every frame feels like a living 18th-century painting.

Stanley Kubrick’s Barry Lyndon (1975) might be the most visually stunning film ever made. Shot entirely with natural light and candlelight, every frame feels like a living 18th-century painting.

cinesthetic.

1,092,412 views • 11 months ago

I’ve been using Figma way too long not to know this…😳 When I need a static version of a frame to use in a mock-up, graphic or wireframe, I normally export the frame as a png or jpg and drag it back into my Figma project. But this little feature is such a time saver!! It’s the little things…😌 Am I the only one who didn’t know about this??

I’ve been using Figma way too long not to know this…😳 When I need a static version of a frame to use in a mock-up, graphic or wireframe, I normally export the frame as a png or jpg and drag it back into my Figma project. But this little feature is such a time saver!! It’s the little things…😌 Am I the only one who didn’t know about this??

Elizabeth Alli - DesignerUp

60,099 views • 3 years ago

No one knows how much I love ‘Pied Piper.’ This might be the most chaotic video I’ve ever filmed but I seriously lost my mind when they played it. And when j-hope and V came close and did the choreography I’ve missed sooooo much, I was just LOST! Sorry, I only got V in frame and this clip might be loud but I got such a close-up of him that I had to upload it! V 'Pied Piper | Los Angeles D3 #V #뷔 #방탄소년단뷔 #BTS_WORLDTOUR_ARIRANG_LA

No one knows how much I love ‘Pied Piper.’ This might be the most chaotic video I’ve ever filmed but I seriously lost my mind when they played it. And when j-hope and V came close and did the choreography I’ve missed sooooo much, I was just LOST! Sorry, I only got V in frame and this clip might be loud but I got such a close-up of him that I had to upload it! V 'Pied Piper | Los Angeles D3 #V #뷔 #방탄소년단뷔 #BTS_WORLDTOUR_ARIRANG_LA

ᵀᴼᵂᴱᴸ

21,200 views • 11 days ago

“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”

“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 views • 1 year ago

This may look like a game of Counterstrike running slowly, but it actually extraordinary. The entire game is created, frame-by-frame, on my *home computer* by an AI diffusion model in response to my actions. There is no game engine, just a "world model" trained on Counterstrike

This may look like a game of Counterstrike running slowly, but it actually extraordinary. The entire game is created, frame-by-frame, on my home computer by an AI diffusion model in response to my actions. There is no game engine, just a "world model" trained on Counterstrike

Ethan Mollick

376,456 views • 1 year ago

Palantir CEO Alex Karp on why analysts hate Palantir: “Of course they don’t like me! Here I am— someone who should not be where I am. I’m having a lot of fun. Mostly. We have the most baller, interesting company on the planet. I’m not ashamed. We’re rolling out. We’re defending Western values. We’re completely meritocratic. I’m not the person that should be having this much fun.” “They’ve got a frame. That frame was developed in the 50s. That frame doesn’t allow you to disambiguate from weak, medium-weak, strong, and baller product…

Palantir CEO Alex Karp on why analysts hate Palantir: “Of course they don’t like me! Here I am— someone who should not be where I am. I’m having a lot of fun. Mostly. We have the most baller, interesting company on the planet. I’m not ashamed. We’re rolling out. We’re defending Western values. We’re completely meritocratic. I’m not the person that should be having this much fun.” “They’ve got a frame. That frame was developed in the 50s. That frame doesn’t allow you to disambiguate from weak, medium-weak, strong, and baller product…

Jawwwn

307,839 views • 10 months ago

I’ve covered a lot of Eagles teams I’ve never covered one where in game I literally never think they are going to lose — even if it does look ugly like the second half No, they aren’t perfect But at 20-1 this might be the closest to perfection we ever see in an Eagles team

I’ve covered a lot of Eagles teams I’ve never covered one where in game I literally never think they are going to lose — even if it does look ugly like the second half No, they aren’t perfect But at 20-1 this might be the closest to perfection we ever see in an Eagles team

Eliot Shorr-Parks

199,747 views • 11 months ago

Thank you Figma for building the best 3D software ever! Jokes aside, this is probably the first and only 3D engine built in Figma. It uses mathematical transformations to project 3D coordinates on a 2D plane (your screen) Check it here:

Thank you Figma for building the best 3D software ever! Jokes aside, this is probably the first and only 3D engine built in Figma. It uses mathematical transformations to project 3D coordinates on a 2D plane (your screen) Check it here:

DoubleGlitch 🇺🇦

106,186 views • 3 years ago

We get all kinds of boxes sent to us here at the FFCA but this may be the most unique we've gotten so far! HomeTeamCollections - Custom Framing shipped sent me a custom framed JACKET that I wore on the sidelines in a really awesome frame. This is going straight on the wall, thank you guys so much!

We get all kinds of boxes sent to us here at the FFCA but this may be the most unique we've gotten so far! HomeTeamCollections - Custom Framing shipped sent me a custom framed JACKET that I wore on the sidelines in a really awesome frame. This is going straight on the wall, thank you guys so much!

Jon Gruden

57,973 views • 1 year ago

“If you’re going to Amsterdam for the weed, don’t. I think it might be the most mid weed I’ve ever had” -Chaps on Drop a Pin

“If you’re going to Amsterdam for the weed, don’t. I think it might be the most mid weed I’ve ever had” -Chaps on Drop a Pin

Barstool Sports

337,905 views • 2 months ago

The climbing system has to be the hardest, most complex and most rewarding things I have ever built. The work on it will never be done, but I think its turning on pretty good so far.

The climbing system has to be the hardest, most complex and most rewarding things I have ever built. The work on it will never be done, but I think its turning on pretty good so far.

Joe⚔️Resting Relic

43,583 views • 1 month ago

Not exactly a leak, but did you know that Cas van de Pol uses Moho for The Ultimate Super Mario Recaps? Their rigs are designed to look like traditional animation and can seamlessly blend with frame-by-frame! #mohoanimation #animationart #nintendo #mario #NintendoSwitch2

Not exactly a leak, but did you know that Cas van de Pol uses Moho for The Ultimate Super Mario Recaps? Their rigs are designed to look like traditional animation and can seamlessly blend with frame-by-frame! #mohoanimation #animationart #nintendo #mario #NintendoSwitch2

Moho Animation Software

1,233,103 views • 1 year ago

Prototyping used to scare me. So I tried to escape it. I remember when I first started designing in Figma, prototyping felt like a mountain I didn’t want to climb. It was that one thing most designers quietly avoided some even said it’s not necessary 😄. I searched for shortcuts. Tried ProtoPie. Looked into Principle. Hoped one of them would save me the trouble. But they all felt disconnected. Too complex. Or just not Figma. So I made a decision: If I’m designing in Figma, I’m prototyping in Figma too. That meant doing everything, product planning, ideation, low-fi, high-fi, and interaction flows all in one tool. No more bouncing around. No more excuses. The first nut to crack? A loading effect. It took me 4 days to figure out. I searched everywhere, YouTube had nothing at the time. But I cracked it just one morning I saw myself trying it out in my dream. Woke up immediately and it was 4am, tried it and it worked. And that changed everything. Prototyping became the one language I could use to explain my designs… without explaining. Today, every prototype I create lives and breathes in Figma. Most of them can either be creative exploration or me trying to fix a broken user experience. No exports. No guesswork. Just clean, clickable experiences. It wasn’t easy. But I’m glad I stopped running from it. Because I would’ve missed out on one skill that: ✅ Earned my first £95K within 7 months while in UK. ✅ Got Uber to reach out to speak about interactive design. ✅ Worked with so many client even from Pakistan. ✅ Watched by more than 1 million people in the first 6 months I started sharing interactive designs. ✅ Prototyping landed me a 9-month contract just 3 days after getting laid off last year. ✅ Funny how the skill I once ran from helped me grow from 500 to 50,000 followers in 7 months. Prototyping gave my work a voice. #prototyping #figmaexperience #productdesign

Prototyping used to scare me. So I tried to escape it. I remember when I first started designing in Figma, prototyping felt like a mountain I didn’t want to climb. It was that one thing most designers quietly avoided some even said it’s not necessary 😄. I searched for shortcuts. Tried ProtoPie. Looked into Principle. Hoped one of them would save me the trouble. But they all felt disconnected. Too complex. Or just not Figma. So I made a decision: If I’m designing in Figma, I’m prototyping in Figma too. That meant doing everything, product planning, ideation, low-fi, high-fi, and interaction flows all in one tool. No more bouncing around. No more excuses. The first nut to crack? A loading effect. It took me 4 days to figure out. I searched everywhere, YouTube had nothing at the time. But I cracked it just one morning I saw myself trying it out in my dream. Woke up immediately and it was 4am, tried it and it worked. And that changed everything. Prototyping became the one language I could use to explain my designs… without explaining. Today, every prototype I create lives and breathes in Figma. Most of them can either be creative exploration or me trying to fix a broken user experience. No exports. No guesswork. Just clean, clickable experiences. It wasn’t easy. But I’m glad I stopped running from it. Because I would’ve missed out on one skill that: ✅ Earned my first £95K within 7 months while in UK. ✅ Got Uber to reach out to speak about interactive design. ✅ Worked with so many client even from Pakistan. ✅ Watched by more than 1 million people in the first 6 months I started sharing interactive designs. ✅ Prototyping landed me a 9-month contract just 3 days after getting laid off last year. ✅ Funny how the skill I once ran from helped me grow from 500 to 50,000 followers in 7 months. Prototyping gave my work a voice. #prototyping #figmaexperience #productdesign

designwithkingsley

13,869 views • 1 year ago

This just may very well be the blackest most low Iq ghetto video I’ve ever seen. Can anyone actually tell me what’s going on in this monkey nig bus? Imagine if these blacks took up 90% of the population. It would look like Haiti in America.

Sensitive content

This just may very well be the blackest most low Iq ghetto video I’ve ever seen. Can anyone actually tell me what’s going on in this monkey nig bus? Imagine if these blacks took up 90% of the population. It would look like Haiti in America.

TheSafari

36,428 views • 3 months ago

Code-first prototypes are fast to build. Getting feedback on them is not. A design lead can't leave a comment on one specific state. An engineer can't see the full flow at a glance. The thing that makes a prototype great for building makes it awkward for aligning. So Amy Lima and I built a skill for that (well, mostly Amy). It takes a live localhost prototype and brings it into Figma. Each flow broken out into its own frame, built from your design system components, annotated with the interaction and implementation details. Now the canvas is where you review and align. We refined it live in the video too! My favorite part is a habit I like to lean on: make the agent take one more round trip to validate its own work before it claims it's done. AI sometimes has the tendency to confidently tell you the job's finished when it isn't. Thanks to Amy and the whole Figma crew for allowing me to be a part of this!

Code-first prototypes are fast to build. Getting feedback on them is not. A design lead can't leave a comment on one specific state. An engineer can't see the full flow at a glance. The thing that makes a prototype great for building makes it awkward for aligning. So Amy Lima and I built a skill for that (well, mostly Amy). It takes a live localhost prototype and brings it into Figma. Each flow broken out into its own frame, built from your design system components, annotated with the interaction and implementation details. Now the canvas is where you review and align. We refined it live in the video too! My favorite part is a habit I like to lean on: make the agent take one more round trip to validate its own work before it claims it's done. AI sometimes has the tendency to confidently tell you the job's finished when it isn't. Thanks to Amy and the whole Figma crew for allowing me to be a part of this!

TJ Pitre

13,477 views • 3 months ago

Guys, we need to talk about this. NOW! I’ve tested a lot of design tools - Paper , Replit ⠕ , Figma Make, and a few others in the same space, and honestly, there’s usually still a lot of struggle. But this feels different. You can start designing without any MCP connection, use an agent to help build the UX, edit directly on the canvas, and yes, it basically has the “Make it Pretty” magic button DANN© has been talking about for a while. And devs can actually work with it too. You can see the code right there. But that’s not even the craziest part. COMPONENTS! Actual components. I’m genuinely in shock. These guys are so good. Feels like the perfect time for a Contra challenge.

Guys, we need to talk about this. NOW! I’ve tested a lot of design tools - Paper , Replit ⠕ , Figma Make, and a few others in the same space, and honestly, there’s usually still a lot of struggle. But this feels different. You can start designing without any MCP connection, use an agent to help build the UX, edit directly on the canvas, and yes, it basically has the “Make it Pretty” magic button DANN© has been talking about for a while. And devs can actually work with it too. You can see the code right there. But that’s not even the craziest part. COMPONENTS! Actual components. I’m genuinely in shock. These guys are so good. Feels like the perfect time for a Contra challenge.

Victoria

35,613 views • 4 months ago

This is how a designer at Southwest Airlines uses Figma Variables API to make design systems updates directly in code Every designer working on design systems should leverage this workflow to remove the dependency on engineering Another benefit of this workflow is that it gives full control of the design system to designers! Designers no longer have to worry about a developer misunderstanding and making a mistake 😅 👀 Watch the full interview on Figma's YouTube channel: Jenny Hou shows how she uses Figma Variables API at Southwest Airlines 👇

This is how a designer at Southwest Airlines uses Figma Variables API to make design systems updates directly in code Every designer working on design systems should leverage this workflow to remove the dependency on engineering Another benefit of this workflow is that it gives full control of the design system to designers! Designers no longer have to worry about a developer misunderstanding and making a mistake 😅 👀 Watch the full interview on Figma's YouTube channel: Jenny Hou shows how she uses Figma Variables API at Southwest Airlines 👇

Jayneil Dalal

32,437 views • 1 year ago

This couple decides to sit in the water and feed an alligator pork chops. It might be the most retarded Florida thing I’ve ever seen.

This couple decides to sit in the water and feed an alligator pork chops. It might be the most retarded Florida thing I’ve ever seen.

AmericanPapaBear™

54,214 views • 2 months ago