In this video, we will design the Home Screen for the Instagram app using methods and features like Repeat Grids, Components, Interactions, Scroll Groups, that can speed up your design workflow!
This video is part of a multi-video series building the Instagram app Design in Adobe Xd.
Get the Clickable Prototype Adobe Xd - bluefindesign.gumroad.com/l/I...
Watch the videos in this Series - • Instagram App Design &...
Video Chapter Timestamps -
00:00 - Introduction
01:06 - Design System Setup
03:41 - Instagram Stories
08:32 - Instagram Posts
14:42 - Prototyping
17:44 - Final Build
20:15 - Add Media from Plugins
21:23 - End Credits
If you liked this video and would like to see more such tutorials, please subscribe to this channel - / bluefindesign
Watch my recent videos on -
Prototyping Interaction Overview - • Prototyping Interactio...
Easing Option in Adobe Xd - • Easing Options in Adob...
All New Features in adobe Xd Oct 2021 - • All New Features in Ad...
Facebook Like Button Prototype - • Design and Prototype F...
Repeat Grids - • Design Fast with Repea...
Nested Components - • Google Maps in Adobe X...
Multilevel Dropdown lists - • Multi-level Dropdown M...
Parallax Effect in Adobe Xd, NO Photoshop - • Parallax Effect in Ado...
Image Masks - • Image Masks in Adobe X...
Introduction to UX Design - • UX Design - Introducti...
Navigation shortcuts - • Navigation Shortcuts u...
Audio Playback - • Music Player Design - ...
Keyboard Triggers - • Prototype with Keyboar...
Mobile App Overflow Menu - • App Overflow Menu Anim...
Input Fields Prototyping - • Input Fields Design & ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
View my work - www.bluefindesign.ca
Connect with me on Social Media:
Instagram - / bluefin.design
Facebook - / bluefin.design
Behance - www.behance.net/nikhilgala/
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Keywords -
UX Design | Experience Design | UI Design | User Experience Design | Prototyping | Adobe Xd | Figma | Tutorial | Mobile App | App | iOS App | Android App | Prototype | Design | Workflow | Interaction | Instagram | Design