How To Prototype an Image Zoom-On-Hover Effect in Figma
Hello, my name is Erik, and welcome to my Youtube Channel.
I will try to bring you web/interface design tutorials aimed at beginners, mid-level designers, and anyone who just wants to see how it is like to design. 😁🖥
In this episode, we are showcasing how to prototype a zoom-on-hover effect using Figma. This effect is commonly used to make a page more interactive. In our example, we are using the Volkswagen webpage as a reference. All images, logos, and text are taken and owned by Volkswagen. For educational use only. No copyright infringement is intended. *****
💡 As always, I am sharing the link to the Figma files used in this video so you can check it or copy as your own.
✅ Please see it here: https://www.figma.com/file/eRJpP6xZp3ZJjG3pN5dRDK/VW-New-Cars-Section?node-id=0%3A1
Royalty-Free Music from Bensound - https://www.bensound.com/royalty-free...
------
👉 If you need help or have questions with creating a similar prototype please let me know in the comments.
👉 If you like this video please help me by hitting LIKE, and SHARE this with your friends as well.
👉 If you are interested in videos like this, which I will be showing you in the future, please hit SUBSCRIBE! :)
Thank you!
*****Other User Interface design videos*****
How To Prototype An App Night Mode
https://www.youtube.com/watch?v=qzk7oopO6k4
How To Prototype a Play Button on Hover Effect
https://www.youtube.com/watch?v=2X6Ut25b8Zg
How to Design A Basic Homepage Using Figma - Grids, Color Styles, Prototype
https://www.youtube.com/watch?v=ZdNzNzU_FLA
*****Getting your Social Media assets done in Figma*****
How To Create Instagram Stories
https://www.youtube.com/watch?v=sorJvStoBxw
How To Create Your Facebook Page Banner
https://www.youtube.com/watch?v=ugRCHcKObiE
How to Create an Instagram Carousel Using Figma
https://www.youtube.com/watch?v=a2TvVRuCoq4
How To Create A Youtube Intro Using Figma + Figmotion (PART1)
https://www.youtube.com/watch?v=is1_fr-OG9Q
How To Create A Youtube Intro Using Figma + Figmotion (PART2)
https://www.youtube.com/watch?v=OkW-QC8z8qQ
#FigmaTutorials #WebDesign #MobileDesign #SocialMediaManagement
Видео How To Prototype an Image Zoom-On-Hover Effect in Figma канала Erik Briones
I will try to bring you web/interface design tutorials aimed at beginners, mid-level designers, and anyone who just wants to see how it is like to design. 😁🖥
In this episode, we are showcasing how to prototype a zoom-on-hover effect using Figma. This effect is commonly used to make a page more interactive. In our example, we are using the Volkswagen webpage as a reference. All images, logos, and text are taken and owned by Volkswagen. For educational use only. No copyright infringement is intended. *****
💡 As always, I am sharing the link to the Figma files used in this video so you can check it or copy as your own.
✅ Please see it here: https://www.figma.com/file/eRJpP6xZp3ZJjG3pN5dRDK/VW-New-Cars-Section?node-id=0%3A1
Royalty-Free Music from Bensound - https://www.bensound.com/royalty-free...
------
👉 If you need help or have questions with creating a similar prototype please let me know in the comments.
👉 If you like this video please help me by hitting LIKE, and SHARE this with your friends as well.
👉 If you are interested in videos like this, which I will be showing you in the future, please hit SUBSCRIBE! :)
Thank you!
*****Other User Interface design videos*****
How To Prototype An App Night Mode
https://www.youtube.com/watch?v=qzk7oopO6k4
How To Prototype a Play Button on Hover Effect
https://www.youtube.com/watch?v=2X6Ut25b8Zg
How to Design A Basic Homepage Using Figma - Grids, Color Styles, Prototype
https://www.youtube.com/watch?v=ZdNzNzU_FLA
*****Getting your Social Media assets done in Figma*****
How To Create Instagram Stories
https://www.youtube.com/watch?v=sorJvStoBxw
How To Create Your Facebook Page Banner
https://www.youtube.com/watch?v=ugRCHcKObiE
How to Create an Instagram Carousel Using Figma
https://www.youtube.com/watch?v=a2TvVRuCoq4
How To Create A Youtube Intro Using Figma + Figmotion (PART1)
https://www.youtube.com/watch?v=is1_fr-OG9Q
How To Create A Youtube Intro Using Figma + Figmotion (PART2)
https://www.youtube.com/watch?v=OkW-QC8z8qQ
#FigmaTutorials #WebDesign #MobileDesign #SocialMediaManagement
Видео How To Prototype an Image Zoom-On-Hover Effect in Figma канала Erik Briones
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![November 29, 2023](https://i.ytimg.com/vi/XEl6H7oTBp0/default.jpg)
![The moment Lionel Messi (Argentina) scored the penalty vs France. Qatar World Cup 2022 #fifa #qatar](https://i.ytimg.com/vi/A6lL084YZS0/default.jpg)
![How To Create an Interactive Map with Clickable Pointers in Figma](https://i.ytimg.com/vi/E2wo4EPRwKU/default.jpg)
![How to jazz up your mobile UI design!](https://i.ytimg.com/vi/X2Z0P_6lMOQ/default.jpg)
![Create a Loading Animation in Figma](https://i.ytimg.com/vi/jZVE1vgKMtw/default.jpg)
![Creating Animated Shapes (Circles) using Figma](https://i.ytimg.com/vi/qD88fjd_yts/default.jpg)
![Clean your workstation with a snap of a finger. 😂🎉👋](https://i.ytimg.com/vi/e4iGPWasBM0/default.jpg)
![Quick 1 Min Figma Tutorial : How To Create a Notes Component in Figma Using Auto Layout + Components](https://i.ytimg.com/vi/R82ZZ5NWLDg/default.jpg)
![How to Create a Button Transition to Different States Using Figma Variant and “Change To” Prototype](https://i.ytimg.com/vi/lsLBFZ2vANY/default.jpg)
![NEW Figma Feature - How to Create Multiple Prototypes // Create Separate Flows on One Figma Page.](https://i.ytimg.com/vi/GcDmx_nGaj0/default.jpg)
![How To Prototype An App Dark Mode Switch Interaction in under 8 MINS!!! //Using Figma](https://i.ytimg.com/vi/qzk7oopO6k4/default.jpg)
![Thank You Subscribers! //// Figma Animation Tutorial: Animating Text+Numbers using Figma (Speed Art)](https://i.ytimg.com/vi/G6MIW4qlAI0/default.jpg)
![How To Prototype a Play Button on Hover Effect Using Figma (edited using an iPhone)](https://i.ytimg.com/vi/2X6Ut25b8Zg/default.jpg)
![How to Design A Basic Homepage Using Figma - Grids, Color Styles, Prototype](https://i.ytimg.com/vi/ZdNzNzU_FLA/default.jpg)
![How To Create Instagram Stories Using Figma](https://i.ytimg.com/vi/sorJvStoBxw/default.jpg)
![How To Customize iOS 14 And Make Your iPhone Theme Gold and Minimal](https://i.ytimg.com/vi/XkAvTMOnW7E/default.jpg)
![How To Create Your Facebook Page Banner Using Figma](https://i.ytimg.com/vi/ugRCHcKObiE/default.jpg)
![How To Create A Youtube Intro Using Figma + Figmotion (PART2)](https://i.ytimg.com/vi/OkW-QC8z8qQ/default.jpg)
![How To Create A Youtube Intro Using Figma + Figmotion (PART1)](https://i.ytimg.com/vi/is1_fr-OG9Q/default.jpg)
![How To Remove Image Background in Figma ++ Create Your Own Image Effects Cheat Sheet in Figma](https://i.ytimg.com/vi/bG9m5xIZ6Ao/default.jpg)