Тёмный
Ridd
Ridd
Ridd
Подписаться
Welcome 👋 I'm the the creator of FigmaAcademy.com where I teach thousands of designers advanced design tactics ✌️
Figma Academy Curriculum Overview
4:13
9 месяцев назад
Creating Lottie animations in Figma
6:45
9 месяцев назад
Iterate 2x faster in Figma
8:41
Год назад
Figma Academy demo video
2:09
2 года назад
How to use an IconWrapper in Figma
9:15
2 года назад
Комментарии
@aurelienfoutoyet5699
@aurelienfoutoyet5699 3 дня назад
Thank you very much !
@tonyK_72
@tonyK_72 11 дней назад
wonderful video. Really cemented the concepts of variables. Great work. Thank you.
@naxun1199
@naxun1199 27 дней назад
Thank you for sharing! I would like to have the Figma source file of “Try Boolean Candle” for study. Is it possible?
@MaxWeir
@MaxWeir Месяц назад
Great tip, its good to plan ahead in terms of "consumption" like you mentioned, I wonder if Figma should add a subtle divider to visually separate each group when the components properties becomes similar to the last example you showcased.
@ridd
@ridd Месяц назад
definitely agree they could do a bit more here to visualize the relation
@AlicePackard
@AlicePackard Месяц назад
This is such an important topic!! And a great demonstration of how bundling different icons together as variants makes an objectively worse experience (always keep those guys as separate components!): - Having to select an icon by name alone VS getting a visual preview (offered by the instance swap menu) hurts discoverability. - The droplist of variants has no search input (unlike the instance swap panel) - You can't "escape" to another library or area of the file if you're trying to grab an icon that lives elsewhere - You can't set up preferred selections Great preview of the quality Figma Academy provides 🔥 thank you Ridd!
@ridd
@ridd Месяц назад
You know this product well :)
@AlicePackard
@AlicePackard Месяц назад
I have you to thank! I should tally how many of your threads occupy my bookmarks.
@VasylynaHushevska
@VasylynaHushevska Месяц назад
Hi Ridd! I'm Vasylyna. I wanted to contact you with a collaboration opportunity that aligns perfectly with your RU-vid channel. Do you have an email?
@EvelynArianiEscalante
@EvelynArianiEscalante Месяц назад
Hello, when I make an animation in frames in figma, it contains the pulse and a hand simulating a touch screen. But when I want to export by lottie I only see the pulse animation and not the hand, does anyone know why that could be?
@SanneWijbenga
@SanneWijbenga Месяц назад
Life-saver thx! 🚀
@muhammedbogatekin7625
@muhammedbogatekin7625 Месяц назад
Cool but very expensive ://
@artdawggy
@artdawggy 2 месяца назад
Thank you! For someone transitioning from Axure this is the best video I have found.
@motiongraphik
@motiongraphik 2 месяца назад
Brilliant video- thank you. But placing the lottie animations into Figma as Gif only. Most look really bad/pixelated. Unless i'm missing something.
@TheWebCoder
@TheWebCoder 2 месяца назад
You briefly mentioned an "annotation component" and I'm intrigued! Is that preferable to raw annotation in dev mode? Is there anywhere to learn more recommended best practices around it? Thanks!
@dsapio
@dsapio 2 месяца назад
They’re so similar that yeah Figma is kinda redundant most of the time. Nice editing 😎
@undefinednotfound
@undefinednotfound 2 месяца назад
it's not free
@jakebarlow7431
@jakebarlow7431 2 месяца назад
Good stuff, Ridd. Now that I'm back in product (and not design systems so much), I'm doing more prototypes.. This is super helpful!
@byAlexfromua
@byAlexfromua 2 месяца назад
Wow that was great! Thank you!
@edgarasben
@edgarasben 2 месяца назад
This is great! I've missed some of the new Figma features over the past year, and this gave me a quick overview new cool tricks:)
@timwalter3103
@timwalter3103 3 месяца назад
This was so helpful - thanks!
@Focus-discipline.
@Focus-discipline. 3 месяца назад
Yes
@michellewren_
@michellewren_ 3 месяца назад
Super helpful and easy to follow! Thank you!!!
@stephangeier_
@stephangeier_ 3 месяца назад
Apart from a clear dive into variables, can't get over how beautiful your presentation Figma file is!! Thanks Ridd 🙂
@SW-fh7he
@SW-fh7he 3 месяца назад
How do I get this into a react project? Do I need to code it or is the code itself already included in Figma? I don't quite understand it yet.
@ridd
@ridd 3 месяца назад
Figma is mostly a visual representation of what is in code. You're going to have to create the React portion separately.
@ixhsyo
@ixhsyo 3 месяца назад
This is a gold mine! Thanks @Ridd, now I see the value of variables and variants in taking prototyping to the next level! You explain concepts in a way that's easy to understand (just like you do in the Figma Academy courses!), and I really appreciate this. Excited to apply these to my projects. <3
@ridd
@ridd 3 месяца назад
Glad to hear it 🙌 :)
@henkegiaretta
@henkegiaretta 3 месяца назад
Amazing video, thanks a lot
@ridd
@ridd 3 месяца назад
Glad you liked it!
@waleedkh9769
@waleedkh9769 3 месяца назад
"Pretty powerful" yeh, no keyframes, no proper tools, you ok?
@itpedia2311
@itpedia2311 3 месяца назад
I really wanted to take this course but it's so expensive for underdevelopment countires residents 😢
@mariusorani
@mariusorani 4 месяца назад
Can Lottie also handle opacity and gradient?
@user-fw6fg8pq2c
@user-fw6fg8pq2c 4 месяца назад
Hey, I'm wondering about the layers under the icon. Do you "outline the stroke" to make it a single vector or do you keep using strokes? I've tried using strokes, but the icon wrapper doesn't maintain the stroke thickness consistently. When I resize it to a larger size, the stroke thickness stays the same as the original size instead of adjusting to the wrapper size. Any tips on that?
@Loulou71150
@Loulou71150 4 месяца назад
What is the pros to use Figma then Framer ? Why not use Framer directly for the whole process ? Is it because Figma allows more personnalisation ?
@leeyujeong5462
@leeyujeong5462 4 месяца назад
OMG… what a life and time saver for designers haha thanks for the video! 😊
@kawserahmed1712
@kawserahmed1712 5 месяцев назад
Very Expensive for a guys those are living underdeveloping country like Bangladesh, Pakistan
@wowoejhssbajajahajaj
@wowoejhssbajajahajaj 5 месяцев назад
Can i do this on figma web on ipad?
@thatdavelilly
@thatdavelilly 5 месяцев назад
What annotation plugin/widget you use bro?
@thompson.studio
@thompson.studio 5 месяцев назад
How are you playing it once on click? Can it be done with hover as well? *sad frustration noises*
@47melvin
@47melvin 5 месяцев назад
Hi, does this course help web designers? Your website says (or hints) it's for product designers. But does it benefit web designers?
@tgkhalil
@tgkhalil 6 месяцев назад
Figma Academy gave me such a burst in working smarter, more lean and agile, and getting a better understanding. Just started 2.0 and just enjoying it yet again. Thank you 🙏
@ridd
@ridd 6 месяцев назад
Thanks for sharing! :)
@hfromero
@hfromero 6 месяцев назад
Nice video, dude! I hope one day you can do a tutorial creating one of those
@FilipeSantos-jw6og
@FilipeSantos-jw6og 6 месяцев назад
Hey, Ridd! Great content! If I could make one suggestion would be to incorporate "purchasing parity", because although I'd LOVE to take this course, it's simply not viable pay 300 bucks working from Brazil, since the ration between our currencies is currently 5:1. Good luck!
@ridd
@ridd 6 месяцев назад
There's a link in the FAQs actually :)
@cloned81
@cloned81 3 месяца назад
@@ridd Hmm... who uses the term "pricing parity".. So fitting that you have a FAQ on that. Does Filipe even exist?
@joindiveclub
@joindiveclub 3 месяца назад
@@cloned81 what phrase would you use? I kinda always feel silly but it's basically between pricing parity and purchasing power parity from what I can see and I'd rather go with two Ps than three Ps lol.
@jordan_hughes
@jordan_hughes 6 месяцев назад
Looks awesome Ridd! Best in the biz.
@ridd
@ridd 6 месяцев назад
🥹 Thanks Jordan
@kaigradert
@kaigradert 6 месяцев назад
This is great. How would you set two (multiple values) if a condition is met? If FILTER == ABC then set RED to FALSE and GREEN to FALSE 🤔 Likewise, how can you check for multiple conditions? If FILTER == A or B or C?
@andreeatheodora4329
@andreeatheodora4329 6 месяцев назад
Hi Ridd, awsome presentation of the Figma Academy. I've been thinking for a long time that I want to get better at designing. There are so many courses out there and it's hard to choose especially when you are on a tight budget. What I see in a lot of courses is the UI part that is explained but not so much the UX - and what I understand by UX is the research, user interviews, user persona creation, user journey, user flow, wireframes, empty states, design systems, ui kits, tokens. I am aware that what you are presenting is called Figma Academy and I would expect it to be about all things that you can do in Figma. Maybe what I mentioned above it's a bit more than that and no one course can have it all. I think the reason I am reaching out is because I really enjoy watching all your videos here on youtube and you seem quite a trustworthy guy and I need some guidance. Is Figma Academy right for me? I want to be able to create user interviews and usability test, user flows, user journey etc. I am quite a visual person, and I would say I am quite good at typography, branding, colors, design systems. Thank you and wishing you a lot of success in all your current and future projects!
@ridd
@ridd 6 месяцев назад
Doesn't sound like Figma Academy to me :) Tbh I don't have a great rec for UX research 🤔 The growth.design course might be more interesting though!
@andreeatheodora4329
@andreeatheodora4329 6 месяцев назад
@@ridd Thank you for your reply and transparency! Makes sense and I am sure from all the small sneak peaks on the Figma Academy I've seen so far that it's a great course for many. I'll check your recommendation. Keep up the good work! Really appreciate your message!
@Rita_Johanna
@Rita_Johanna 6 месяцев назад
love it!
@jdanielortega
@jdanielortega 6 месяцев назад
Holy Molly, 14 screens for a single Modal. For a 30+ screen basic app, this would entail over 400 Screens to share with the devs. Any tips on how to expedite the creation of these screens other than alt+drag and manually reorder and resize everything?