Photo Sharing App Design - Figma Tutorial
Made With Matt
0:00 / 0:00
Photo Sharing App Design - Figma Tutorial
7 905 просмотров · 5 л. назад
Made With Matt
18,2 тыс. подписчиков
7 905 просмотров · 5 л. назад
Learn how to use Figma by building a simple Photo Sharing App UI. What you’ll learn: creating reusable components in Figma, using Figma’s Unsplash plugin to add images to shapes effortlessly, prototyping Figma designs, creating avatars in Figma, creating a design system in Figma and more. Stay tuned to see this design turned into React Native!
Link to Figma design - https://www.figma.com/file/jKrTKKXtPB...
❤️ Thanks for watching
👍 If you liked this video, be sure to give it a thumbs up
👊 Want to see more of this? Smash that subscribe button
📢 Let me know in the comments what you'd like to learn!
Follow me:
Twitter - / madewithmatt
YouTube - https://www.youtube.com/c/MadeWithMat...
What we’ll be doing: (0:00)
Starting the Albums page: (1:03)
Album Card component: (2:36)
Avatar component: (8:38)
Placing the Album Card components: (11:42)
Adding our custom background images: (14:05)
Using the Unsplash Plugin to change avatars: (16:10)
Bottom Sheet design: (17:13)
Button to open Bottom Sheet: (21:03)
Prototyping our design: (22:44)
Starting the SharedAlbum page: (23:26)
SharedAlbum page top image: (25:26)
SharedAlbum page Avatar section: (28:15)
SharedAlbum page Gallery section: (29:38)
Prototyping our design (updated): (32:40)
Testing our prototype: (32:55)
Small touch ups: (33:19)
DONE 🎉: (33:31)