NETFLIX Hero section in 3 STEPS - FIGMA
4.8K views · 2023-09-05
UI Design
Get 10% Off on Mobbin Pro or Team plan in the world's largest mobile and web design library: https://bit.ly/4eC89Ec
Hey friends, in this video let's design an Hero section like Netflix. This is the second part of this video (https://youtu.be/Zs22Cx8-2b0?si=IxjNxsw2Vvh0DOFw). You may want to see it if you want to start from scratch, or use the file down below to use the carousel already created. It's up to you :)
You may follow the link to access the file in this video:
👉 Link to file Part 1(Last video): https://www.figma.com/community/file/1278505515428217691/Create-carousel---Figma-Tutorial
👉 Link to file Part 2(This video): https://www.figma.com/community/file/1280819603296606351/Design-a-Netflix-Hero-section-%7C-Tutorial
Chapters
0:00 Intro
0:24 Step 1 - Create hero backgrounds
2:50 Step 2 - Create movie titles and descriptions
5:56 Step 3 - Set string variables and prototype
Let me know in the comments what other topics you need to be covered!
#figma #netflix #movieapp
Thanks for watching this video. If this video add value to you please make sure you subscribe the channel, like and comment the video so that I can keep up with content like this to help you become a better designer. 🙌
👉Notion: https://affiliate.notion.so/sj7rw7m77ye1
👉Subscribe Envato for unlimited downloads resources: https://1.envato.market/zaNvOM
👉Try Adobe for free https://adobe.prf.hn/click/camref:1100luj8w
👉Host your website with Hostinger https://www.hostg.xyz/aff_c?offer_id=6&aff_id=151637
👉Tubebuddy - The ultimate Youtube creators tool https://bit.ly/tubebuddyRicardo
Connect with me on social media
👉 Instagram https://www.instagram.com/ricardocosta.eu
👉 Linkedin https://www.linkedin.com/in/ricardocostadesign
👉 Twitter: https://www.twitter.com/ricardocostaeu
Hey friends, in this video let's design an Hero section like Netflix. This is the second part of this video (https://youtu.be/Zs22Cx8-2b0?si=IxjNxsw2Vvh0DOFw). You may want to see it if you want to start from scratch, or use the file down below to use the carousel already created. It's up to you :)
You may follow the link to access the file in this video:
👉 Link to file Part 1(Last video): https://www.figma.com/community/file/1278505515428217691/Create-carousel---Figma-Tutorial
👉 Link to file Part 2(This video): https://www.figma.com/community/file/1280819603296606351/Design-a-Netflix-Hero-section-%7C-Tutorial
Chapters
0:00 Intro
0:24 Step 1 - Create hero backgrounds
2:50 Step 2 - Create movie titles and descriptions
5:56 Step 3 - Set string variables and prototype
Let me know in the comments what other topics you need to be covered!
#figma #netflix #movieapp
Thanks for watching this video. If this video add value to you please make sure you subscribe the channel, like and comment the video so that I can keep up with content like this to help you become a better designer. 🙌
👉Notion: https://affiliate.notion.so/sj7rw7m77ye1
👉Subscribe Envato for unlimited downloads resources: https://1.envato.market/zaNvOM
👉Try Adobe for free https://adobe.prf.hn/click/camref:1100luj8w
👉Host your website with Hostinger https://www.hostg.xyz/aff_c?offer_id=6&aff_id=151637
👉Tubebuddy - The ultimate Youtube creators tool https://bit.ly/tubebuddyRicardo
Connect with me on social media
👉 Instagram https://www.instagram.com/ricardocosta.eu
👉 Linkedin https://www.linkedin.com/in/ricardocostadesign
👉 Twitter: https://www.twitter.com/ricardocostaeu