Butter Academy
Butter Academy
  • Видео 9
  • Просмотров 1 017 474
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
Просмотров: 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....

Комментарии

  • @BrittanyMcNeer
    @BrittanyMcNeer 4 дня назад

    👍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!!!

  • @MattGanser
    @MattGanser 28 дней назад

    This is really well done, thanks for doing this

  • @exystenze4719
    @exystenze4719 Месяц назад

    15:26 ^shift + g is the correct ones for windows

  • @bokuto3987
    @bokuto3987 2 месяца назад

    43:52

  • @LinglingChen-s4i
    @LinglingChen-s4i 2 месяца назад

    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.

  • @vivekv6400
    @vivekv6400 3 месяца назад

    Awesome tutorial

  • @isaacagenyideborah
    @isaacagenyideborah 3 месяца назад

    A question what is your background doesn't want to change colour been trying but it isn't working?

  • @shekelboi
    @shekelboi 4 месяца назад

    Creating this is the easy part. Coming up with a nice design like this... now that's tough.

  • @alexeinordic8774
    @alexeinordic8774 5 месяцев назад

    Out of all the lectures I seen around wireframes this is the best lectures I ever seen yet. Very informative, thanks for the video.

  • @alexeinordic8774
    @alexeinordic8774 5 месяцев назад

    Hey thanks a lot for this tutorial it really helped a lot

  • @maggievitality9627
    @maggievitality9627 5 месяцев назад

    Best Figma wireframe tutorial I’ve seen Thanks so much

  • @ValeriaAli-wg6tp
    @ValeriaAli-wg6tp 6 месяцев назад

    Thank you so much for this! I am new to figma and this tutorial made maneuvering around the platform so easy.

  • @UsamaMahmud-o1y
    @UsamaMahmud-o1y 6 месяцев назад

    Nice one

  • @ednaiyare4385
    @ednaiyare4385 6 месяцев назад

    Thanks 🙏🏾 so much. You made is easy! God Bless you real good.

  • @Osamailyas
    @Osamailyas 6 месяцев назад

    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

  • @Osamailyas
    @Osamailyas 6 месяцев назад

    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

  • @mouldy_stuffings3446
    @mouldy_stuffings3446 7 месяцев назад

    Thank you for this video!! Made learning Figma very understandable and I can finally start my assignment!!

  • @irynasuprunovych1738
    @irynasuprunovych1738 7 месяцев назад

    Thank you! This is amazing Figma tutorial!

  • @fourbreadswholemeal4835
    @fourbreadswholemeal4835 7 месяцев назад

    Great - really useful - thank you so much

  • @Hillgrov
    @Hillgrov 8 месяцев назад

    why choose Macbook Pro as the layout for the desktop version when the majority are using PC?

  • @BigYellaGal
    @BigYellaGal 8 месяцев назад

    This is a great introductory video! I like the straightforward presentation and the use of a simple example.

  • @rigidhammer7376
    @rigidhammer7376 8 месяцев назад

    its like morphing in powerpoint

  • @AbhishekKumar-l9f4q
    @AbhishekKumar-l9f4q 9 месяцев назад

    nice

  • @AbhishekKumar-l9f4q
    @AbhishekKumar-l9f4q 9 месяцев назад

    nice

  • @fitrinovianti_h
    @fitrinovianti_h 9 месяцев назад

    very usefull, thanks!

  • @juliebeans5000
    @juliebeans5000 10 месяцев назад

    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.

  • @trilltoby
    @trilltoby 10 месяцев назад

    how do you delete or erase something you dont need anymore? i always have to hide it but i know thats not right

  • @KarishmaChinoy
    @KarishmaChinoy 11 месяцев назад

    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?

  • @marvinromerox
    @marvinromerox 11 месяцев назад

    Yes, finally a video that explains Components simply!

  • @marvinromerox
    @marvinromerox 11 месяцев назад

    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!

  • @vyavahareaditya5936
    @vyavahareaditya5936 11 месяцев назад

    Bro Your designing skill is very superb, Thanks for this tutorial ❤

  • @anyanwublessing4199
    @anyanwublessing4199 11 месяцев назад

    Thank you so much

  • @EmoreRukevwe-mq3yn
    @EmoreRukevwe-mq3yn 11 месяцев назад

    ❤ soooo helpful

  • @EmoreRukevwe-mq3yn
    @EmoreRukevwe-mq3yn 11 месяцев назад

    I just love ❣️ following your videos 📸 on figma 😅

  • @EmoreRukevwe-mq3yn
    @EmoreRukevwe-mq3yn 11 месяцев назад

    I just like the way this beautiful, I love the explanation 🤩, great job 👍😍

  • @joyaroha6683
    @joyaroha6683 11 месяцев назад

    Thank you for your tutorials - I found these really good to follow... 'much appreciated'.

  • @capitandelnorte
    @capitandelnorte Год назад

    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

  • @stargazing0010
    @stargazing0010 Год назад

    Amazing , clear tutorial. Thanks!

  • @sophiasun1603
    @sophiasun1603 Год назад

    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.

  • @tomiwabellomua2601
    @tomiwabellomua2601 Год назад

    i love your tutorials why arent there more

  • @ramiahonen6164
    @ramiahonen6164 Год назад

    One of the best tutorials I've ever seen! Clear, covers all that needs to be covered, great pace. 10/10 easily.

  • @NeratSamuel
    @NeratSamuel Год назад

    This was super helpful

  • @InfoLegsBrandsTM
    @InfoLegsBrandsTM Год назад

    Great tutorial. Thank you!

  • @tahabader-g6q
    @tahabader-g6q Год назад

    Thank you for the tutorial, I am wondering why smart animation doesn't really work with 'Components'?

  • @pbryan1967
    @pbryan1967 Год назад

    How do you identify which component is the "master component"?

  • @pamelamardonesguicharrouss8481

    Awesome tutorial :) very practical and it's not as boring as others, thanks for the video.

  • @ajalajessica3601
    @ajalajessica3601 Год назад

    God bless you for this tutorial Now I can confidently do my assignments

  • @loomonda18
    @loomonda18 Год назад

    Best tutorial for creating the connections I've come across - thank you so much!

  • @KunalRana-f6s
    @KunalRana-f6s Год назад

    Amazing tutorials for beginners. Thanks for making such tutorials.

  • @valdemario1982
    @valdemario1982 Год назад

    Ok, and if I need to create a simple animation without interactions? It doesn't work completely.