Learn How to Create Instagram Carousel UI in Figma
In this tutorial, I teach how to create an Instagram Carousel user interface using Figma. This tutorial is suitable for people with a basic knowledge of Figma. Please feel free to drop a comment below if you have any questions.
If you like my content, don't forget to like, share and subscribe :)
/ @dexduhh
Chapters:
00:00 Intro
00:05: Preview of the Outcome
00:40 Creating a Frame
01:47 Adding a Prototype Device
02:36 Creating iPhone's Status Bar UI
04:20 Creating an Auto Layout
09:30 Creating Instagram's Top Navigation Bar UI
12:58 Creating Instagram's Post Info UI
15:10 Masking an Image into a Shape
17:50 Aligning using Auto Layout
20:58 Creating Instagram's Carousel UI
22:33 Organizing Pictures for Carousel
22:54 Adding an Auto Layout to Images
24:30 Creating User Interaction UI
29:30 Creating a Frame for Interaction UI
31:53 Creating a Component
32:52 Creating Variants
33:43 Making Variants Unique
36:08 Changing Property Names for Variants
36:51 Adding Interactions to Variants
38:25 Importing a Component to a Frame
43:10 Creating Likes, Caption, & Comments UI
44:00 Apply Auto Height to Paragraph
49:00 Creating Another Post on Feed UI
49:12 Picking a Different Variant
49:23 Outcome
► Download the project files here: https://bit.ly/InstagramCarouselUI
► Check out my Instagram: / tahmidrahmandesigns
► Check out my other works: https://tahmidrahman.com/portfolio
Music
Sabyu- Space Cowboy
/ space-cowboy
Future James- Lifecouldbeadream
/ future-james-lifecouldbeadreamleaf
beach.- travls
/ travlsxnimvn
Sunny Day
/ sunny-daymedda
flower fields
/ flower-fields
ｂｅｒｅｓｓｉ- ｒｅａｌ ｆｅｅｌ ｇｏｏｄ
/ real-feel-goodcade
SWET- ƒlowers
/ toastyovenek
Ｍａｇｎｏｌｉａｚ
/ magnolias
Homage (CVG) & Waldo from Cincinnati- English Muffins
https://open.spotify.com/album/5CHdY5...
DOMINANT- birthday pt. 20
/ birthday-pt-20
DOMINANT- Straight Up Summer Vibes
/ straight-up-summer-vibes
XNimVn- Welcome
/ welcome
Homage (CVG) & Waldo from Cincinnati- Frito Bandito
https://open.spotify.com/album/5CHdY5...
Jnook- thought of u
/ thought-of-u
Medda-troubled girl
/ troubled-girl
DOMINANT- Sweet Heat (DOMINANT x Kendall Miles)
/ sweet-heat-dominant-kendall-miles
DOMINANT- University (Beginning)
/ university-part-1
Homage (CVG) & Waldo from Cincinnati- Candy Land
https://open.spotify.com/album/5CHdY5...
Letskey- Memories
/ letskey-memories
KarmawiN- Sunset beat
/ sunset-beat
#InstagramUI #Figma