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

Рет қаралды 10,540

Жыл бұрын

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

Пікірлер: 8

@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?

@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?

@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.