Loving this. Not only is it useful for learning a new tool, but it's useful to see a designer at work. And to help me realize that I'm on the right track and not just bumbling in the dark. Thank you!
This was so much fun to watch, and informative too! “Ew” 😂 but also seeing how you’re thinking through things in real time instead of a polished tutorial is really insightful, cheers!
This is why I love your channel, it’s not pretentious and you don’t pretend like you have all the answers, so it’s relatable and easy to digest the information + fun to watch! BTW this video could not have come at a better time... I just designed my first site on Figma and have to present it in two weeks, using the smart animate feature will deff impress my boss! Haha
You can make the menu dropdown whithout having to make whole copy of the screen framing the menu and using an overlay. It really does help a lot keeping the file "organized". Sorry if my english sucks. Cheers from venezuela here, love ur channel (:
This was so much fun! I love these videos on which you're just trying to get something done because it helps observe the process along the way and learn from it. I'm fairly new to design so just watching other designers do their job while talking and explaining what they're doing is incredibly helpful!
It's a great start for animations with Figma, it still some steps behind XD, but it's getting there, this is the only thing that keeps me from moving completly from xd to figma...
love this Charli. Good to see someone learning while recording. I have zero experience in this yet but will be using this for my new project. 100% going to film the test now.
Great Video! I loved the trial by fire to figure out how intuitive the process is, cause I'm also stubborn like that and enjoy "Faking it till I Make it" and then watching the tutorial. lol. First time Subscriber, loving your vids! Thanks!
I was just wondering if this talking through you thinking process is going to be the new standard for a “better” screening process for a job interview. Rob at Folyo is doing a 5 min “Pick out a portfolio pierce and screencast it to a future employer.”
Loved this! Thanks for always be authentic, because let's be real this is a great example of how designers learn on the go. Google and tutorials is always the backup for when you get stuck haha. Totally relate!
If you really want to be wowed by easy motion tweening and smart animate features in an app that is extremely similar to Figma, try InVision Studio. It's the best when it comes to things like that. JP Design Academy does an amazing tutorial with a baseball stats UI.
Yeah it looks amazing! But for me it’s the same situation as Adobe XD. Animation isn’t a hugely important part of my process to warrant me putting in the work to switch tools.
Am I that early that the audio isn't fully synced or are my eyes tricking, or is there actually a slight delay? Either way I love your content and thank you for sharing
Are you guys Lagging while Prototype is in the Preview? My Animations are so laggy. I don't know why? Can someone has a similar issue and resolved it? Help me?
Hello, Hola! thanks for this video aaand many others that you share ;) Do you or you guys know if there is a way in Figma to prototype actions like Drag an element to another - imagine Outlook and dragging a message to one of your folders you created in the Inbox. Any idea? I'm pretty sure there is no such way in Adobe xd. thanks in advance, cheers!
Haha I know I should have too. My brain works on terms of code and in code to animate something out you start with a height of 0 and transition to 100% so I think that’s what I was trying to do! 🙈
Hi Charlie. Thanks for the video. At 7:17 you were "slightly concerned that the arrow will drop down too." I am having that challenge. What did you do to prevent the drop down? I am trying to animate the hamburger button into the close button for a drop down menu. Do let me know. Thanks.
I work with internal “clients” as I don’t do freelance work so my clients are other people on my team. And you can share a prototype in Figma without the other person needing to have anything installed. It’s just a link they open in their browser.
Omg youtubers are more and more liers haha it is soooo SIMPLE TO make a try before you start recording this, anyway. And Figma`s tutorials are not the best . they always show unnecessary ways to make transitions and some animate stuff.
Are you kidding? At times this video makes me look like I care barely operate a computer haha. You think I’d fake being unknowledgeable? What purpose would that serve? 😂
![[Part 1] Smart Animate Tutorial](http://i.ytimg.com/vi/ZogZK04wX54/mqdefault.jpg)
Loving this. Not only is it useful for learning a new tool, but it's useful to see a designer at work. And to help me realize that I'm on the right track and not just bumbling in the dark. Thank you!
Haha sometimes bumbling in the dark is all part of the process! (As you can see in this video 🙈) glad you enjoyed it!!
This was so much fun to watch, and informative too! “Ew” 😂 but also seeing how you’re thinking through things in real time instead of a polished tutorial is really insightful, cheers!
Yay this makes me so happy to hear! I like seeing how people learn things so I hoped that some of the people who watch my videos would too!
This is why I love your channel, it’s not pretentious and you don’t pretend like you have all the answers, so it’s relatable and easy to digest the information + fun to watch! BTW this video could not have come at a better time... I just designed my first site on Figma and have to present it in two weeks, using the smart animate feature will deff impress my boss! Haha
Yes go impress your boss!! Hopefully watching the mistakes I made will help you get up and running with the feature faster!
Charli... you went from looking like a lavender plant to a sunflower. Loving how you seem more in the groove of designing with every video!
She is good looking right?
You can make the menu dropdown whithout having to make whole copy of the screen framing the menu and using an overlay. It really does help a lot keeping the file "organized". Sorry if my english sucks. Cheers from venezuela here, love ur channel (:
Thanks I’ll try that out!
Always fun watching the exploration. Also super dope that Figma is rocking this feature now!
This was so much fun! I love these videos on which you're just trying to get something done because it helps observe the process along the way and learn from it. I'm fairly new to design so just watching other designers do their job while talking and explaining what they're doing is incredibly helpful!
yesss I'm so happy you enjoyed it!
It's a great start for animations with Figma, it still some steps behind XD, but it's getting there, this is the only thing that keeps me from moving completly from xd to figma...
I’m excited to see how it improves as they keep working on it!
love this Charli. Good to see someone learning while recording. I have zero experience in this yet but will be using this for my new project. 100% going to film the test now.
I can totally relate to your workflow. I'm a stubborn designer as well and likes to do trial and error on my own before I turn to tutorials.
Yesss always wanna try myself first!
Figma is looking very promising! Excited to check this out, I wonder if this would replace my need for InVision for animation in my workflow.
Give it a try and let me know how it compares!
Thanks, Charlie! Was searching for smth interesting about smart animate and stumbled upon your channel.
You lady, certainly have a new subscriber :)
Love the new hair. You're looking radiant 👌
Thank you! It’s the same hair, I just put some effort in to styling it for once 😂
Best part of the video:
*Charli sees the result she doesn't want*
Charli: Boo.
Hahaha I say that way too often. It’s fun to film like this cos it’s completely unplanned and unscripted so much everyday mannerisms come out! Haha
CharliMarieTV keeping it 💯
Great Video! I loved the trial by fire to figure out how intuitive the process is, cause I'm also stubborn like that and enjoy "Faking it till I Make it" and then watching the tutorial. lol. First time Subscriber, loving your vids! Thanks!
This is me explaining stuff to interns that eagerly need my experience X'D... I'm like, wait.. that doesn't work, let's try this.
Figma has versioning! You don’t need to duplicate the frame as you can roll back anytime!
Yes and I think she knows that
Yeah but I wanted to keep both versions easily accessible :)
I was just wondering if this talking through you thinking process is going to be the new standard for a “better” screening process for a job interview. Rob at Folyo is doing a 5 min “Pick out a portfolio pierce and screencast it to a future employer.”
Who knows! I think it’s more valuable than making a candidate come up with ideas on the spot.
I was trying to wrap my head around what made this video feel kind of different... And it might be that bright yellow shirt. Really suits you. ^_^
Thank you! I’m having a real yellow moment currently, I just want everything I own and wear to be yellow! It’s such a happy color :)
Greets to London. Will be there in September. Thanks for your great videos.
Loved this! Thanks for always be authentic, because let's be real this is a great example of how designers learn on the go. Google and tutorials is always the backup for when you get stuck haha. Totally relate!
This was soooo useful 🙌🏽
Thank you a lot!
Thanks for being vulnerable. Takes guts to do that in a public forum like this.
You're the absolute image of Lily James! Great video
If you really want to be wowed by easy motion tweening and smart animate features in an app that is extremely similar to Figma, try InVision Studio. It's the best when it comes to things like that. JP Design Academy does an amazing tutorial with a baseball stats UI.
Yeah it looks amazing! But for me it’s the same situation as Adobe XD. Animation isn’t a hugely important part of my process to warrant me putting in the work to switch tools.
Do you use the grid system in there? If so, can you give us a tips?
I’m planning on making a Figma 101 video that will cover this!
@@charlimarieTV I'll be waiting for that. Thanks, much love
Definitely enjoyed it. Awesome video.
Am I that early that the audio isn't fully synced or are my eyes tricking, or is there actually a slight delay? Either way I love your content and thank you for sharing
I didnt notice any delay in editing, wonder if youtube is having issues 🤔
I think your brain is tricking you! "The eyes look, but the brain sees"
I want to learn Webflow. Can you do some Webflow how to video's?
Check out the Webflow playlist on my channel!
Are you guys Lagging while Prototype is in the Preview? My Animations are so laggy. I don't know why? Can someone has a similar issue and resolved it? Help me?
Thanks for the video !!
Hello, Hola!
thanks for this video aaand many others that you share ;)
Do you or you guys know if there is a way in Figma to prototype actions like Drag an element to another - imagine Outlook and dragging a message to one of your folders you created in the Inbox. Any idea?
I'm pretty sure there is no such way in Adobe xd.
thanks in advance,
cheers!
Great video!
Hey. It's me again. Nice Shirt!
See you next time!
Haha thanks!
9:00 I LOL'D SO HARD
😂
@@charlimarieTV Mostly because, i gotta admit, i expected that result :D
Haha I know I should have too. My brain works on terms of code and in code to animate something out you start with a height of 0 and transition to 100% so I think that’s what I was trying to do! 🙈
Hi Charlie. Thanks for the video. At 7:17 you were "slightly concerned that the arrow will drop down too." I am having that challenge. What did you do to prevent the drop down? I am trying to animate the hamburger button into the close button for a drop down menu. Do let me know. Thanks.
I got it. All I had to do was to make the layer names the same on both frames, and it worked fine.
Woohoo!!
How do you show your clients the animation? Do they have to use Figma as well in order to see it, or can you export it as a video/gif/etc?
I work with internal “clients” as I don’t do freelance work so my clients are other people on my team. And you can share a prototype in Figma without the other person needing to have anything installed. It’s just a link they open in their browser.
awesome, is that window light (natural) or external lighting in your lower right side?
All natural light :)
Hey Charli, Quick question please. how do you insert a video of your screen into your main video. (Just the name of the tool will be fine) Thanks.
I edit with Adobe Premiere Pro :)
✨This is gold!
Thanks Stella!
Why you are so cool 😎🌝... literally awesome 🔥 fall in love yt channel 🔥🔥🔥.. informative
you look beautiful
Hola how are you? Long time no see you?
You must have missed the videos I’ve been uploading recently! Check out my channel and catch up :)
Your hierarchy is giving me anxiety
*_I THINK I AM FIRST TO COMMENT._*
ME : *_OR AM I ?_*
You are!!
@@charlimarieTV
ME THINKING : *_AWESOME SHE REPLIED. THAT MEANS TODAY WILL BE A GOOD DAY FOR ME_*
*THANK YOU SO MUCH FOR REPLYING*
Boo!!
Hey XD users .......
Omg youtubers are more and more liers haha it is soooo SIMPLE TO make a try before you start recording this, anyway. And Figma`s tutorials are not the best . they always show unnecessary ways to make transitions and some animate stuff.
Are you kidding? At times this video makes me look like I care barely operate a computer haha. You think I’d fake being unknowledgeable? What purpose would that serve? 😂
Just.... why
TOTTALY AGREE LIKE MAGIC IS HERE WHEN WE WATCH VIDEOS DIDN'T EXPLAIN EXACTLY HOW IT'S WORK AS EXCEPT
you're so beautiful!