Using Framer’s NEW 3D Transform Tools! TUTORIAL [Video]

https://bit.ly/4aWhQvA 👈 Design & code like me. Use “UI2024” for 25% Off!
— Today, we’re going to create a really cool card interaction while utilizing Framer’s new 3D transform tools. This makes adding depth and 3D into your layouts a breeze, with *no code*.

Figma template mentioned:
https://www.figma.com/community/file/1361694763013021692/framer-transform-tutorial

0:00 – Intro
0:43 – Creating the Basic Card
9:35 – Component and Label Interaction
11:27 – Creating Variables
13:58 – Working with Framer’s Transforms
17:29 – Duplicating the Card
18:53 – Final Result
19:04 – Final Thoughts

Let’s get started!

#framer #nocode

– – – – – – – – – – – – – – – – – – – – – –

Subscribe for NEW VIDEOS!

Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro’s Twitter: http://twitter.com/designcoursecom

Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others

– – – – – – – – – – – – – – – – – – – – – –

Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!