- Видео 9
- Просмотров 1 017 474
Butter Academy
Добавлен 11 сен 2017
Figma Tips & Tricks for 2023
In this video you’ll learn tips and tricks that will help save you a ton of time when designing in Figma. The tips include shortcuts, new features, and a few ways to automate your design process.
🔗 Links 🔗
Tutorial - Figma Components: ruclips.net/video/8iPe8o0NSkE/видео.html
Tutorial - Figma Smart Animate: ruclips.net/video/qG5p1pd8eGo/видео.html
Butter Academy: ButterAcademy.com
#figma #figmatutorial #figmatips #figmadesign
🔗 Links 🔗
Tutorial - Figma Components: ruclips.net/video/8iPe8o0NSkE/видео.html
Tutorial - Figma Smart Animate: ruclips.net/video/qG5p1pd8eGo/видео.html
Butter Academy: ButterAcademy.com
#figma #figmatutorial #figmatips #figmadesign
Просмотров: 15 848
Видео
Figma Components Tutorial - Learn the basics of Components in 10 minutes
Просмотров 2,4 тыс.Год назад
This tutorial covers the basics of using Components in Figma. You’ll learn how to create, and edit Components along with tips and tricks for automating your design workflow. 🔗 Links 🔗 Tutorial - Designing Wireframes in Figma: ruclips.net/video/6t_dYhXyYjI/видео.html Tutorial - Prototyping in Figma: ruclips.net/video/iBkXf6u8htI/видео.html Tutorial - Figma Animations: ruclips.net/video/qG5p1pd8e...
Figma Animation Tutorial - How to animate in Figma with Smart Animate
Просмотров 18 тыс.Год назад
In this tutorial you’ll learn how to create animations in Figma with Smart Animate. Smart Animate is a powerful tool that allows you to add sleek animations to your Figma prototypes. 🔗 Links 🔗 Tutorial - Prototyping in Figma: ruclips.net/video/iBkXf6u8htI/видео.html Tutorial - Designing Wireframes in Figma: ruclips.net/video/6t_dYhXyYjI/видео.html Butter Academy: ButterAcademy.com #figma #figma...
How to create Surveys in Google Forms - Tutorial
Просмотров 2,7 тыс.3 года назад
This tutorial covers everything you need to know about creating Surveys in Google Forms. Surveys are a valuable UX Design tool that you can use for gathering User Research. To learn more about UX Design, check out the Butter Academy Online UX Design Course. Full course at: butteracademy.com/ About the instructor: I'm Daniel Salgado, founder and instructor at Butter Academy. I have over 8 years ...
Figma Tutorial - Prototyping in Figma
Просмотров 202 тыс.4 года назад
This tutorial covers how to create interactive Prototypes in Figma. As an example, we create a Prototype with Wireframes that I designed in the following tutorial: ruclips.net/video/6t_dYhXyYjI/видео.html If you’re new to Figma, I recommend starting with the tutorial on designing Wireframes first. This tutorial is part of the Butter Academy Online UX Design Course. Learn more at: butteracademy....
Free Figma Tutorial: Designing Wireframes with Figma
Просмотров 775 тыс.4 года назад
This tutorial covers the ins and outs of designing Wireframes in Figma. Not only will you learn how to use Figma, but you'll also get a comprehensive understanding of the Wireframing process. Figma file: bit.ly/38B7LHO Note: You can copy & paste from the Figma link above. Also, be sure to attribute icon creators for public use. The tutorial is part of the Butter Academy Online UX Design Course....
👍Brilliant video - very easy to follow along. Also really appreciated how you had the final parts about presenting, sharing & exporting files... this video is the only one I found so far that included those important parts! Kudos and THAK YOU!!!
This is really well done, thanks for doing this
15:26 ^shift + g is the correct ones for windows
43:52
hi, may i ask why there is no code in my interface like yours? On the right-hand column, it only shows design, and prototype.
Awesome tutorial
A question what is your background doesn't want to change colour been trying but it isn't working?
Creating this is the easy part. Coming up with a nice design like this... now that's tough.
Out of all the lectures I seen around wireframes this is the best lectures I ever seen yet. Very informative, thanks for the video.
Hey thanks a lot for this tutorial it really helped a lot
Best Figma wireframe tutorial I’ve seen Thanks so much
Thank you so much for this! I am new to figma and this tutorial made maneuvering around the platform so easy.
Nice one
Thanks 🙏🏾 so much. You made is easy! God Bless you real good.
Please don't stop, keep making more videos like this. I watched your whole channel today and also made notes. The accent and language is simple and understandable
Good tutorial with real examples. Clear and understandable accent espacially for non English speakers. I like this type of tutorials which are to the point and in simple English
Thank you for this video!! Made learning Figma very understandable and I can finally start my assignment!!
Thank you! This is amazing Figma tutorial!
Great - really useful - thank you so much
why choose Macbook Pro as the layout for the desktop version when the majority are using PC?
This is a great introductory video! I like the straightforward presentation and the use of a simple example.
its like morphing in powerpoint
nice
nice
very usefull, thanks!
These Figma tips are super useful. However, true wireframes should not include finished or even draft content (graphics or copy). The whole point of a wireframe is to map the most generic content types (image, copy, hero, video, slider, contact forms, product grids, etc.), showing the scale and relationships between those elements on the page. Getting buy-in on these basics will save a TON of heartache once you move on to your high-def creative.
how do you delete or erase something you dont need anymore? i always have to hide it but i know thats not right
Thank you so much this was extremely helpful. However my image isn't sliding in, so much as its fading in. I did exactly what's shown in the video. Why is this happening?
Yes, finally a video that explains Components simply!
I am so happy that I found your channel. So clear, so useful. If you don't mind me asking, how long have you been a UX Designer? I've just started a few months ago and am doing the Google UX Design Certification. I would love to chat sometime about your journey. I want to make it to where you are as well. It is daunting because most people I network with graduated from Ivy League universities. I am confident in my talents though so I will press forward. Being able to talk with you sometime can make all the difference in my life. I look forward to more content, you're damn good at making these videos!
Bro Your designing skill is very superb, Thanks for this tutorial ❤
Thank you so much
❤ soooo helpful
I just love ❣️ following your videos 📸 on figma 😅
I just like the way this beautiful, I love the explanation 🤩, great job 👍😍
Thank you for your tutorials - I found these really good to follow... 'much appreciated'.
At 10.51 the hamburger meny to the left suddenly shows many new options which my Figma does not. I am grateful for the tutorial but feel very frustrated and do not know how to get ahead since I don't seem to find the "Resources" category which I need for later work in the tutorial
Amazing , clear tutorial. Thanks!
Best tutorial ever!!! Please post more videos or may be a master class on Skillshare please. I totally agree with @LucasPage - most helpful tutorial ever.
i love your tutorials why arent there more
One of the best tutorials I've ever seen! Clear, covers all that needs to be covered, great pace. 10/10 easily.
This was super helpful
Great tutorial. Thank you!
Thank you for the tutorial, I am wondering why smart animation doesn't really work with 'Components'?
How do you identify which component is the "master component"?
Awesome tutorial :) very practical and it's not as boring as others, thanks for the video.
God bless you for this tutorial Now I can confidently do my assignments
Best tutorial for creating the connections I've come across - thank you so much!
Amazing tutorials for beginners. Thanks for making such tutorials.
Ok, and if I need to create a simple animation without interactions? It doesn't work completely.