This is hands down the best tutorial on Figma components! Finally, no more getting lost in outdated versions of Figma.
@Sergei-Chyrkov15 сағат бұрын
Thank you a such warm feedback! Glad you like it!
@hatemAbdellatif-wp8rr5 күн бұрын
thank you so much that's awesome, i like your way it's easy and simple. thank you.👏👏👏🤝🤝
@Sergei-Chyrkov15 сағат бұрын
You’re welcome! Glad you like it!
@vincentiuskurniawan981811 күн бұрын
bro thank you but you did say its premium earlier
@Sergei-Chyrkov15 сағат бұрын
Thank you! I don’t know if it is paid feature, because I have Pro plan from the day one😅
@Rafli.EfendyMM212 күн бұрын
May I ask you to add text to the video if the variable animation is paid
@Sergei-Chyrkov12 күн бұрын
I have a paid plan since the day one, so I’m not sure which features are not available in the free version. If you are working as a designer consider getting Pro lisence, it will make you more money at the end.
@ivonnsche-o9z12 күн бұрын
very helpfull video - thanks. :) I'm new to figma and I have a question: when you change the icon (in the end), figma shows you only the other icons in the dropdown and not the button-component. How do you do that? For me, I see the button component, too. This could be confusing, if there are a lot of other components. greetings
@Sergei-Chyrkov12 күн бұрын
Hi! I’m glad it’s helpful! You need to have all your icon inside a separate section or frame. Think of it like folder for your icons.
@ivonnsche-o9z10 күн бұрын
@@Sergei-Chyrkov thank you :)
@keshavtyagi71213 күн бұрын
Great tutorial! i always wanted to make a sticky scroll animation like this.
@Sergei-Chyrkov12 күн бұрын
Awesome! Hope you can use it in your projects😊
@anishamalhotra619514 күн бұрын
So we can do logo design in figma?
@Sergei-Chyrkov13 күн бұрын
Of course! It is vector after all. But if you need to prepare designs for printing, you need to do to Illustrator, because Figma does not support CMYK color profile.
@sazidurrahman775417 күн бұрын
Thank you!
@Sergei-Chyrkov14 күн бұрын
You're welcome! ☺️
@LempioMarkDaveH.-oz5kv19 күн бұрын
after selecting all icons, I can't find the CREATE BOOLEAN PROPERTY under appearance: TIME 17:26
@Sergei-Chyrkov13 күн бұрын
you can only find it on layers/elements inside the master component
@Beyzillustration-ym6ml26 күн бұрын
you explained it soooo well!! super good thx
@Sergei-Chyrkov25 күн бұрын
Glad it was helpful!
@ngthampi9927 күн бұрын
Thank you so much
@Sergei-Chyrkov25 күн бұрын
You are welcome!
@loki2715Ай бұрын
i love how clear and straight to point this tutorial is, im rather new to figma but this was really easy to follow, tysm!
@Sergei-Chyrkov28 күн бұрын
Thank you for feedback! I’m happy you like it!☺️
@mohamedelsayed_979Ай бұрын
thank you
@Sergei-Chyrkov28 күн бұрын
You are welcome!
@gadeer8707Ай бұрын
8:34 from here you need a subscription to continue
@Sergei-ChyrkovАй бұрын
Correct
@mrag792Ай бұрын
perfect. figma variants mystery has been finally solved . thank you so much sir
@Sergei-ChyrkovАй бұрын
thank you for feedback! Glad you like it!☺️
@aqua-op26 күн бұрын
just wait a couple months for figma to change the UI so if youre not using it 24/7 youll be back at square one next time you need to use figma
@KatarinaResetarАй бұрын
such a great video that I subscribed! thank you for sharing since I was looking for good and new content since Figma made some updates PROBLEM: there is no "Create boolean property" icon on panel I tried renaming all icons to "Icon" from "Vector" but I still couldn't fix the problem.. Thanks to everybody for helping!
@Sergei-ChyrkovАй бұрын
Thank you for your feedback! I’m happy that you like it! Please check if you have a paid plan in Figma, I guess it may not work on free plans
@welling125 күн бұрын
I'm having the same issue (i'm on a paid plan) and have been searching tutorials trying to figure out where this disappeared to!
@gadeer8707Ай бұрын
Why I can’t choose “change to” option
@Sergei-ChyrkovАй бұрын
Check if you are using Variants of one component, not 2 separate components
@gadeer8707Ай бұрын
@ but they’re in the same frame right?
@gg32163Ай бұрын
No me salió el botón animado 🥲 que pude haber hecho mal??
@Sergei-ChyrkovАй бұрын
Which button exactly?
@sandrarajoo9580Ай бұрын
Yea, got a Figma design with this stuff, now teach me how to code it lol
@Sergei-ChyrkovАй бұрын
Well, I can only teach you how to do this in no-code 😉
@jestinantony7550Ай бұрын
Is there a way to animate the confetti effect so it stays confined within a specific frame, rather than covering the entire page?
@Sergei-ChyrkovАй бұрын
Hi! I guess you can try to apply this component override to a specific frame. If it doesn’t work, you’ll have to change it in code of the component
@masouabiabdessamad2743Ай бұрын
thanks a lot, great looking button
@Sergei-ChyrkovАй бұрын
Glad you like it!
@MrJonnysiffАй бұрын
Thanks Sergei, With the updates things were a bit different but worked it out anyway. Great lesson I must say!
@Sergei-ChyrkovАй бұрын
yes, UI3 is quite different now, maybe I should do an updated video. Thanks for the feedback!
@WhyshewhistlesАй бұрын
Where do you find the variables icon that was within the text (now typography) box now?
@WhyshewhistlesАй бұрын
Found it! Way at the top to the left of the Text & link icon
@belindaloisgedjah6532Ай бұрын
Perfect🎉
@Sergei-ChyrkovАй бұрын
Thanks!☺️
@MdHumaunKabiruxuidesignerАй бұрын
Thank you so much for this... Really it's clear the component things
@Sergei-ChyrkovАй бұрын
Glad to hear! Thank you for your feedback!
@Aiss07Ай бұрын
Thank you so much for this! you really made my day.
@Sergei-ChyrkovАй бұрын
Happy to hear that!☺️ thank you for feedback!
@bulkinstudioАй бұрын
Do I understand correctly? Every time If someone (clients) wants to add a new post category, they have to ask a designer to create a new variant with a new category filter?
@Sergei-ChyrkovАй бұрын
Correct, unfortunately in Framer it’s a bit complicated comparing to Wordpress for example, here you have to design a lot of things manually since there is no back-end…
@foxrejoices4822Ай бұрын
Спасибо!
@Sergei-ChyrkovАй бұрын
You are welcome!
@piaiajeff2039Ай бұрын
Why don't I get the addition action ? any hidden trick ?
@Sergei-ChyrkovАй бұрын
What do you mean by additional action?
@haucong3919Ай бұрын
I watched the last video and followed it until I realized there was no premium, thank's🥲
@noorzaghal13832 ай бұрын
The Shiny one is just so cool , I made it change colors from orange to yellow in the second variant and i liked it so much , thank you !
@Sergei-ChyrkovАй бұрын
Nice!😊 thank you for sharing!
@ffenouil2 ай бұрын
Great job !!! thanks !
@Sergei-ChyrkovАй бұрын
Glad you liked it! Thanks for feedback!
@ffenouil2 ай бұрын
Great tuto !!!
@Sergei-ChyrkovАй бұрын
Thanks 😊 I’m glad you like it!
@miraz_kabir2 ай бұрын
Very nice. I'll give a try.
@Sergei-Chyrkov2 ай бұрын
Sure! Let me know how it goes😉
@TomLally2 ай бұрын
Is it possible to change the images to grids or Masonic? Currently it’s just single images. Thank you
@Sergei-Chyrkov2 ай бұрын
Hey! Great question! You will have to make several component variant with different layouts for image galleries. Then in CMS you will be able to make an option picker for each project to display specific layout.
@travelwithesmir97722 ай бұрын
How many times it will be required for the updates of the counter of clicks in framer.firstpromoter ? my clients registered with the framer customezed link but the counter of the click is still at 0 and not 1. Click is not the purchase of a paid plan right? it's just number of the click on the link right? why it does not increment?
@Sergei-Chyrkov2 ай бұрын
Hey!👋 it may take some time to get corrects numbers, I think Firstpromoter doesn't update right away, it may need a few hours or even a day. I've also noticed that it doesn't always show the correct clicks. Keep in mind that a client may not allow to use cookies (e.g. using browsers in incognito mode or uses plugins to block cookies) or simply deleted your referral in the link. I recommend to use shortlinks generator like Bitly, to get more real analytics.
@kurosuu13552 ай бұрын
is the button still can be click on and prototype it?
@Sergei-Chyrkov2 ай бұрын
Sure, you can add a button inside of the card.
@gloriacassidy2 ай бұрын
I like the 1st and 3rd
@Sergei-Chyrkov2 ай бұрын
Nice choice! I love them too!
@МаринаЯценко-п3к2 ай бұрын
❤ спасибо
@Sergei-Chyrkov2 ай бұрын
You are welcome!
@everythingaboutestonia2 ай бұрын
it goes downfall for me from 1:55. i am using new figma and i cant find no constraints area the same as in UI3. the circle does not work for me the same way. it goes outside of frame. what do i do?
@Sergei-Chyrkov2 ай бұрын
hey! I'm still struggling with UI3 myself! in UI3 constraints are located in the "Position" block, next to Y-axis field on ht right, there is a small icon with 4 lines.
@kiensenmeister57522 ай бұрын
wow very great pictures. nice review.
@Sergei-Chyrkov2 ай бұрын
Thank you so much for the feedback! ☺️
@steedad2 ай бұрын
DSL is really slow internet, don't blame you!
@Sergei-Chyrkov2 ай бұрын
Depending on what kind of DSL😅 and what you compare with
@emanelxcender56453 ай бұрын
Thanks
@Sergei-Chyrkov3 ай бұрын
you are welcome!
@aweebenezeroye3 ай бұрын
Wow, you did a very great job. 👍. But, I want to learn how to add breadcrumbs to my framer CMS. Breadcrumbs and other important items like a previous and next button, comment, like and share, and as more as possible.
@Sergei-Chyrkov3 ай бұрын
Hey!👋 thanks for valuable feedback and suggestions!
@tonytony-fc6gq3 ай бұрын
WOW THANKS this short video made me UNDERSTAND VARIABLES better than 2 hour videos
@Sergei-Chyrkov3 ай бұрын
Thanks for feedback! Glad you like it!
@hihi96743 ай бұрын
Awesome! I've watched a lot of videos on variables and this one was the easiest to understand. Subscribed!
@Sergei-Chyrkov3 ай бұрын
Thank you for feedback!😊 glad you like it!
@mattkurantowicz3 ай бұрын
Do you have template for that page ?
@Sergei-Chyrkov3 ай бұрын
Currently no but I can create one in the future. Stay tuned!😉
@promisedikeofficial3 ай бұрын
This worked perfectly for me. Thanks Sergei ❤. The only thing was, I used it for my Cart Items and duplicated the counter for the items in the cart But when I click use one counter, all the counters perform the same action How do I make each counter independent from the other
@Sergei-Chyrkov3 ай бұрын
Thanks for feedback! Thi happens, because this is the same component with variables. Try to make a separate component for other design elements.
@TadhgNewell3 ай бұрын
This was very helpful! I appreciate that you described what you were doing and why.
@Sergei-Chyrkov3 ай бұрын
Glad it was helpful!☺️
@marziz3 ай бұрын
Thanks for the tutorial. However, l neither could find where the custom code is kept or the remix site. Am l missing something?
@Sergei-Chyrkov3 ай бұрын
Thank you for a feedback! There is a remix link to a file in the description. Please check
@AdnanSami-qz5bn3 ай бұрын
it's very help full Thank you sir make it more video on navbar animation and slider and so on once again for the content love you❣