Перейти к содержимому

How to design a cool section in framer, inspired by Google.

Framerdive

0:00 / 0:00

How to design a cool section in framer, inspired by Google.

454 просмотра · 11 месяцев назад
Framerdive
2,06 тыс. подписчиков
454 просмотра · 11 месяцев назад
Become a better framer designer through learning by doing. Find the free remix link below and practice along with me, as we build a cool section in framer inspired by labs.google.com website. Here what we cover: 1. Component in framer 2. Working with variants 3. Trigger for mouse enter and leave Try framer for free today: https://framer.link/joseph25 Resources Remix link: https://framer.link/jugarn0 Live site (view on desktop): https://magnificent-hand-770961.frame... Inspiration website: https://labs.google/flow/about#partne... Get 30minute free framer guide (One on one): https://calendly.com/framerdive/30min Happy diving! Timestamps: 0:00 - Google Labs Inspiration 1:23 - Current Design State 2:05 - Design Background Frame 4:09 - Convert To Component 4:51 - Add Hover Image 6:23 - Configure Variant States 7:39 - Implement Mouse Triggers 9:04 - Add Pointer Cursor 9:40 - Style Text Colors 11:22 - Adjust Transition Timing 11:57 - Practice, Resources, Challenge 12:51 - Free Coaching Session Let's Connect, Subscribe on YouTube: @Framerdive Email me: framerdive@gmail.com Connect with me on X: https://x.com/FramerDive