Prototype a Zoom-In On Hover Card In Figma

Опубликовано: 25 Март 2026
на канале: Brian Love
22,352
296

In this video, I walk you through the process of creating a zoom-in on hover card in Figma.


---------------------------
Disclosure: There are affiliate links below, and I may receive commissions for purchases made through these links.

Tools/Resources I'm Currently Using :

💻 Apple 2023 MacBook Pro Laptop M3 chip
https://amzn.to/47iLnyh
---------------------------
👉 Access the world’s largest library of Figma & Webflow components
https://library.relume.io/?via=brian
---------------------------
👉The SEO Plugin for Webflow
Audit, score and optimize your website right in the Webflow designer.
https://www.semflow.com/?via=brian
---------------------------
👉 Test your websites on 2000+ browsers with LambdaTest
http://www.lambdatest.com?fp_ref=brian22
---------------------------
👉Try Webflow
https://webflow.grsm.io/dn8xly95yi9g
---------------------------
👉 Tired of wasting thousands of hours starting from scratch on every project and rebuilding the same components? Check out Untitled UI. Save thousands of hours, and level up as a designer.
https://untitledui.lemonsqueezy.com/?...
---------------------------
👉 Envato Elements
https://1.envato.market/yR6A4b
---------------------------
👉 Use BRIAN99512 at checkout and get 20% OFF at FULLERMOE. Watch a demo here! https://fullermoe.com/welcome
---------------------------

Timecode:
0:00 Intro
0:19 Step 1 – Designing The Card
3:05 Step 2 – Creating The Component
4:33 Step 3 – Setting Up The Hover Interaction
5:46 Step 4 – Duplicating The Cards
6:18 Outro – Thank You For Watching

#figma #webdesign #figmatutorial