Пікірлер
@vmee
@vmee 2 күн бұрын
This is hands down the best tutorial on Figma components! Finally, no more getting lost in outdated versions of Figma.
@Sergei-Chyrkov
@Sergei-Chyrkov 15 сағат бұрын
Thank you a such warm feedback! Glad you like it!
@hatemAbdellatif-wp8rr
@hatemAbdellatif-wp8rr 5 күн бұрын
thank you so much that's awesome, i like your way it's easy and simple. thank you.👏👏👏🤝🤝
@Sergei-Chyrkov
@Sergei-Chyrkov 15 сағат бұрын
You’re welcome! Glad you like it!
@vincentiuskurniawan9818
@vincentiuskurniawan9818 11 күн бұрын
bro thank you but you did say its premium earlier
@Sergei-Chyrkov
@Sergei-Chyrkov 15 сағат бұрын
Thank you! I don’t know if it is paid feature, because I have Pro plan from the day one😅
@Rafli.EfendyMM2
@Rafli.EfendyMM2 12 күн бұрын
May I ask you to add text to the video if the variable animation is paid
@Sergei-Chyrkov
@Sergei-Chyrkov 12 күн бұрын
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-o9z
@ivonnsche-o9z 12 күн бұрын
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-Chyrkov
@Sergei-Chyrkov 12 күн бұрын
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-o9z
@ivonnsche-o9z 10 күн бұрын
@@Sergei-Chyrkov thank you :)
@keshavtyagi712
@keshavtyagi712 13 күн бұрын
Great tutorial! i always wanted to make a sticky scroll animation like this.
@Sergei-Chyrkov
@Sergei-Chyrkov 12 күн бұрын
Awesome! Hope you can use it in your projects😊
@anishamalhotra6195
@anishamalhotra6195 14 күн бұрын
So we can do logo design in figma?
@Sergei-Chyrkov
@Sergei-Chyrkov 13 күн бұрын
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.
@sazidurrahman7754
@sazidurrahman7754 17 күн бұрын
Thank you!
@Sergei-Chyrkov
@Sergei-Chyrkov 14 күн бұрын
You're welcome! ☺️
@LempioMarkDaveH.-oz5kv
@LempioMarkDaveH.-oz5kv 19 күн бұрын
after selecting all icons, I can't find the CREATE BOOLEAN PROPERTY under appearance: TIME 17:26
@Sergei-Chyrkov
@Sergei-Chyrkov 13 күн бұрын
you can only find it on layers/elements inside the master component
@Beyzillustration-ym6ml
@Beyzillustration-ym6ml 26 күн бұрын
you explained it soooo well!! super good thx
@Sergei-Chyrkov
@Sergei-Chyrkov 25 күн бұрын
Glad it was helpful!
@ngthampi99
@ngthampi99 27 күн бұрын
Thank you so much
@Sergei-Chyrkov
@Sergei-Chyrkov 25 күн бұрын
You are welcome!
@loki2715
@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-Chyrkov
@Sergei-Chyrkov 28 күн бұрын
Thank you for feedback! I’m happy you like it!☺️
@mohamedelsayed_979
@mohamedelsayed_979 Ай бұрын
thank you
@Sergei-Chyrkov
@Sergei-Chyrkov 28 күн бұрын
You are welcome!
@gadeer8707
@gadeer8707 Ай бұрын
8:34 from here you need a subscription to continue
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
Correct
@mrag792
@mrag792 Ай бұрын
perfect. figma variants mystery has been finally solved . thank you so much sir
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
thank you for feedback! Glad you like it!☺️
@aqua-op
@aqua-op 26 күн бұрын
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
@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
@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
@welling1
@welling1 25 күн бұрын
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
@gadeer8707 Ай бұрын
Why I can’t choose “change to” option
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
Check if you are using Variants of one component, not 2 separate components
@gadeer8707
@gadeer8707 Ай бұрын
@ but they’re in the same frame right?
@gg32163
@gg32163 Ай бұрын
No me salió el botón animado 🥲 que pude haber hecho mal??
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
Which button exactly?
@sandrarajoo9580
@sandrarajoo9580 Ай бұрын
Yea, got a Figma design with this stuff, now teach me how to code it lol
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
Well, I can only teach you how to do this in no-code 😉
@jestinantony7550
@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
@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
@masouabiabdessamad2743 Ай бұрын
thanks a lot, great looking button
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
Glad you like it!
@MrJonnysiff
@MrJonnysiff Ай бұрын
Thanks Sergei, With the updates things were a bit different but worked it out anyway. Great lesson I must say!
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
yes, UI3 is quite different now, maybe I should do an updated video. Thanks for the feedback!
@Whyshewhistles
@Whyshewhistles Ай бұрын
Where do you find the variables icon that was within the text (now typography) box now?
@Whyshewhistles
@Whyshewhistles Ай бұрын
Found it! Way at the top to the left of the Text & link icon
@belindaloisgedjah6532
@belindaloisgedjah6532 Ай бұрын
Perfect🎉
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
Thanks!☺️
@MdHumaunKabiruxuidesigner
@MdHumaunKabiruxuidesigner Ай бұрын
Thank you so much for this... Really it's clear the component things
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
Glad to hear! Thank you for your feedback!
@Aiss07
@Aiss07 Ай бұрын
Thank you so much for this! you really made my day.
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
Happy to hear that!☺️ thank you for feedback!
@bulkinstudio
@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
@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
@foxrejoices4822 Ай бұрын
Спасибо!
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
You are welcome!
@piaiajeff2039
@piaiajeff2039 Ай бұрын
Why don't I get the addition action ? any hidden trick ?
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
What do you mean by additional action?
@haucong3919
@haucong3919 Ай бұрын
I watched the last video and followed it until I realized there was no premium, thank's🥲
@noorzaghal1383
@noorzaghal1383 2 ай бұрын
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
@Sergei-Chyrkov Ай бұрын
Nice!😊 thank you for sharing!
@ffenouil
@ffenouil 2 ай бұрын
Great job !!! thanks !
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
Glad you liked it! Thanks for feedback!
@ffenouil
@ffenouil 2 ай бұрын
Great tuto !!!
@Sergei-Chyrkov
@Sergei-Chyrkov Ай бұрын
Thanks 😊 I’m glad you like it!
@miraz_kabir
@miraz_kabir 2 ай бұрын
Very nice. I'll give a try.
@Sergei-Chyrkov
@Sergei-Chyrkov 2 ай бұрын
Sure! Let me know how it goes😉
@TomLally
@TomLally 2 ай бұрын
Is it possible to change the images to grids or Masonic? Currently it’s just single images. Thank you
@Sergei-Chyrkov
@Sergei-Chyrkov 2 ай бұрын
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.
@travelwithesmir9772
@travelwithesmir9772 2 ай бұрын
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-Chyrkov
@Sergei-Chyrkov 2 ай бұрын
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.
@kurosuu1355
@kurosuu1355 2 ай бұрын
is the button still can be click on and prototype it?
@Sergei-Chyrkov
@Sergei-Chyrkov 2 ай бұрын
Sure, you can add a button inside of the card.
@gloriacassidy
@gloriacassidy 2 ай бұрын
I like the 1st and 3rd
@Sergei-Chyrkov
@Sergei-Chyrkov 2 ай бұрын
Nice choice! I love them too!
@МаринаЯценко-п3к
@МаринаЯценко-п3к 2 ай бұрын
❤ спасибо
@Sergei-Chyrkov
@Sergei-Chyrkov 2 ай бұрын
You are welcome!
@everythingaboutestonia
@everythingaboutestonia 2 ай бұрын
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-Chyrkov
@Sergei-Chyrkov 2 ай бұрын
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.
@kiensenmeister5752
@kiensenmeister5752 2 ай бұрын
wow very great pictures. nice review.
@Sergei-Chyrkov
@Sergei-Chyrkov 2 ай бұрын
Thank you so much for the feedback! ☺️
@steedad
@steedad 2 ай бұрын
DSL is really slow internet, don't blame you!
@Sergei-Chyrkov
@Sergei-Chyrkov 2 ай бұрын
Depending on what kind of DSL😅 and what you compare with
@emanelxcender5645
@emanelxcender5645 3 ай бұрын
Thanks
@Sergei-Chyrkov
@Sergei-Chyrkov 3 ай бұрын
you are welcome!
@aweebenezeroye
@aweebenezeroye 3 ай бұрын
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-Chyrkov
@Sergei-Chyrkov 3 ай бұрын
Hey!👋 thanks for valuable feedback and suggestions!
@tonytony-fc6gq
@tonytony-fc6gq 3 ай бұрын
WOW THANKS this short video made me UNDERSTAND VARIABLES better than 2 hour videos
@Sergei-Chyrkov
@Sergei-Chyrkov 3 ай бұрын
Thanks for feedback! Glad you like it!
@hihi9674
@hihi9674 3 ай бұрын
Awesome! I've watched a lot of videos on variables and this one was the easiest to understand. Subscribed!
@Sergei-Chyrkov
@Sergei-Chyrkov 3 ай бұрын
Thank you for feedback!😊 glad you like it!
@mattkurantowicz
@mattkurantowicz 3 ай бұрын
Do you have template for that page ?
@Sergei-Chyrkov
@Sergei-Chyrkov 3 ай бұрын
Currently no but I can create one in the future. Stay tuned!😉
@promisedikeofficial
@promisedikeofficial 3 ай бұрын
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-Chyrkov
@Sergei-Chyrkov 3 ай бұрын
Thanks for feedback! Thi happens, because this is the same component with variables. Try to make a separate component for other design elements.
@TadhgNewell
@TadhgNewell 3 ай бұрын
This was very helpful! I appreciate that you described what you were doing and why.
@Sergei-Chyrkov
@Sergei-Chyrkov 3 ай бұрын
Glad it was helpful!☺️
@marziz
@marziz 3 ай бұрын
Thanks for the tutorial. However, l neither could find where the custom code is kept or the remix site. Am l missing something?
@Sergei-Chyrkov
@Sergei-Chyrkov 3 ай бұрын
Thank you for a feedback! There is a remix link to a file in the description. Please check
@AdnanSami-qz5bn
@AdnanSami-qz5bn 3 ай бұрын
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❣
@Sergei-Chyrkov
@Sergei-Chyrkov 3 ай бұрын
Thank you for a feedback and requests!