Framer | Components Variables and Variants - [ Beginner video ]

Опубликовано: 17 Июль 2026
на канале: ZeroPixels - Design & Freelancing
2,107
47

👉 Become a Design Maestro - SUBSCRIBE NOW: https://www.carlociccarelli.com/newsl... 📬
________________

In this quick and beginner tutorial we are going to tackle what are components and how to correctly manage Variants and Variables in Framer.


— DIGITAL ASSETS
My Marketplace: https://www.carlociccarelli.com/marke...
Stream deck action packs: https://www.carlociccarelli.com/categ...
Framer templates: https://www.carlociccarelli.com/categ...

— ALL MY SOCIALS
Website: https://www.carlociccarelli.com/
Blog: https://www.carlociccarelli.com/blog
X (twitter):   / carlociccarell9  
Linkedin:   / carlociccarelli  
Dribbble: https://dribbble.com/CarloCiccarelli85

— COLLABORATIONS:
Contact me here: https://www.carlociccarelli.com/conta...

— WHO I AM:
Hey, I am Carlo, Product Designer working in the Digital Design World since 2009.
I am a UX/UI Expert, Accessibility advocate, and SaaS Ninja Designer, helping businesses of any size to turn their ideas into a working and pleasant product that people actually will use and love.
In this channel, I share tips and tricks about Product Design, and I do tutorial videos on Figma, Framer, Webflow, and more!

---------------

TIMESTAMPS:
00:00 Intro
00:54 Create a button
05:18 Create the button component in Framer
05:23 Variants in Framer
08:35 Variables in Framer