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!