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