Create The Instagram Carousel UI in Figma (Interactive Prototyping Tutorial)

Visit my STORE: bit.ly/mavi-design-store
Explore Mavi Design COURSES : bit.ly/mavi-design-courses
Download FIGMA for FREE: bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan
This is a Figma UI / UX tutorial where we will be recreating / replicating a user interface from Instagram. In this interactive prototyping tutorial, we'll be taking a look at creating an interactive Instagram carousel - image slider that you can actually browse / swipe through (swipable).
Topics: instagram carousel post, interactive prototype in figma, image slider prototype, swipe interaction in figma, ux ui design
--------
© 2022 Mavi Design

[@axelaxelaxe]

this tutorial is exactly what im looking for! thank you!

[@sofiaorozco8822]

Thank you so much, you saved me!

[@leonardofabbri3040]

Thanks a lot

[@Ambomon]

Great tutorial! How do you make the variants line horizontally? By using auto layout?

[@c0rpsecr0iX]

dang, why did I just saw this today? which is also the day that I have to submit my hackathon project. T____T I have no time to do this with a loooooot of photos for real estate listings.
btw, thank you for this tutorial. I learn a lot. I'm just sad that I would never be able to finish my project today.
"make a UI design for real estate listing for 3 DAYS that is also ready to code, for a newbie like me, this is too much and also I am doing it alone. I wanna cry T____T

[@mavidesign]

Hey don't get discouraged like that. Design is overwhelming when you're starting out but don't give up and keep trying and learning. We've all been there. I've been there. Only thing that matters is to keep doing a little bit of work every day and keep adding those skills and hours up. It's going to pay off eventually :) This is just one project and there will be plenty more.
I like this quote, it helps me when things get tough:
“Success is going from failure to failure without losing enthusiasm.”
Mavi

[@jamestucker550]

This is really great. I created this and works perfectly for three images. How can you create MORE than three images in the carousel? I tried adding a 4th images and it did not recognize it. Also is there a better way to do this with the new Figma release?

[@monoauralco4573]

mate you are going to fast rushing .... bad