UXwithSophia
UXwithSophia
  • 31
  • 18 389
Website Scrolling Animation | Figma
In this tutorial, I’ll show you how to add a smooth scrolling effect to any section of your website using the review section.
Imagine your customer reviews moving across the screen in a way that grabs attention.
I’ll walk you through each step, making it easy to add this lively animation to your site and give your visitors something a bit more engaging to see!
มุมมอง: 78

วีดีโอ

Easy Card Flip Animation in Figma | Step-by-Step Tutorial
มุมมอง 19228 วันที่ผ่านมา
In this tutorial, I’ll teach you how to create a smooth card flip animation in Figma. Whether you're designing an app or a website, this step-by-step guide will help you add a fun and interactive element to your project. By the end, you'll have a clean, professional-looking card flip effect that’s easy to customize and perfect for your UI designs. Great for both beginners and experienced design...
Easy Card Animation | UI Design Tutorial
มุมมอง 112หลายเดือนก่อน
In this tutorial, I’ll show you how to create sliding card animations for app home screens, like the advert cards in food delivery apps. We’ll animate three different cards step-by-step to help you add simple, smooth animations to your app design. Perfect for designers looking to add dynamic elements to their UI projects! Don’t forget to like and subscribe.
Horizontal vs. Vertical Scroll Tutorial | Using Instagram Profile Screen
มุมมอง 85หลายเดือนก่อน
In this tutorial, I’ll show you how to easily create horizontal and vertical scrolling interactions in Figma using Instagram’s profile screen as an example. We’ll break it down with Instagram Highlights for horizontal scroll and the grid pictures for vertical scroll. 🌍 Connect with me on👇 Twitter: sophia_nw_ LinkedIn: www.linkedin.com/in/SophiaNwajuo Email: sophianwajuo@gmail.com
Instagram Story Interaction | Progress Bar Animations in Figma
มุมมอง 164หลายเดือนก่อน
In this tutorial, I'll show you how to easily create a smooth progress bar animation for Instagram Stories using Figma. Whether you're working on social media designs or interactive prototypes, this step-by-step guide will help you add simple but eye-catching animations.
Create a Dynamic Top Bar Effect for Mobile Screens
มุมมอง 842 หลายเดือนก่อน
Welcome to another Figma tutorial! In this tutorial, I’ll show you how to create a dynamic top bar effect on a mobile screen. You'll learn how to change the top bar when the mouse enters and return it to its original state when the mouse leaves. This simple interaction adds a sleek, modern touch to any mobile design. Follow along and let’s get started. LinkedIn: www.linkedin.com/in/SophiaNwajuo...
Simple Mobile Animations | Fintech App
มุมมอง 802 หลายเดือนก่อน
Simple Mobile Animations | Fintech App
Easy Steps to Prototype Interactive FAQs of a Website
มุมมอง 683 หลายเดือนก่อน
Easy Steps to Prototype Interactive FAQs of a Website
Smooth Tab Bar Animation | Travel App
มุมมอง 443 หลายเดือนก่อน
Smooth Tab Bar Animation | Travel App
Interactive Search Bar & Button | Keyboard Input Animation
มุมมอง 1133 หลายเดือนก่อน
Interactive Search Bar & Button | Keyboard Input Animation
Drop Down Menu Interaction for a Fintech App | Figma Tutorial
มุมมอง 753 หลายเดือนก่อน
Drop Down Menu Interaction for a Fintech App | Figma Tutorial
Quick and Simple Animations in Figma for Any Website Section
มุมมอง 3004 หลายเดือนก่อน
Quick and Simple Animations in Figma for Any Website Section
Anchor Links in Figma || Prototyping Two Sections on the Same Page
มุมมอง 2404 หลายเดือนก่อน
Anchor Links in Figma || Prototyping Two Sections on the Same Page
How to create interactive input fields using components and variants
มุมมอง 1114 หลายเดือนก่อน
How to create interactive input fields using components and variants
Cursor Animation and Advanced Interactive Search Bar in Figma
มุมมอง 31011 หลายเดือนก่อน
Cursor Animation and Advanced Interactive Search Bar in Figma
How to Create a Mobile Responsive Version of a Website in Minutes
มุมมอง 188ปีที่แล้ว
How to Create a Mobile Responsive Version of a Website in Minutes
How to Create Chat Interactions with Prototype on Figma
มุมมอง 15Kปีที่แล้ว
How to Create Chat Interactions with Prototype on Figma

ความคิดเห็น

  • @Blessing620
    @Blessing620 4 วันที่ผ่านมา

    Great 🎉

  • @oluchilucia
    @oluchilucia 6 วันที่ผ่านมา

    Informative!

  • @LuxeRevival-l7s
    @LuxeRevival-l7s 8 วันที่ผ่านมา

    Thank you for this great tutorial ❤

    • @uxwithsophia
      @uxwithsophia 8 วันที่ผ่านมา

      You’re welcome 😊

  • @SecondSpin-i2i
    @SecondSpin-i2i 8 วันที่ผ่านมา

    Keep these short video tutorials coming 😊

    • @uxwithsophia
      @uxwithsophia 8 วันที่ผ่านมา

      Thank you 🙏

  • @DesignbyS.N
    @DesignbyS.N 8 วันที่ผ่านมา

    Awesome 👏

  • @Graphic-s3j
    @Graphic-s3j 8 วันที่ผ่านมา

    You saved me ❤

    • @uxwithsophia
      @uxwithsophia 8 วันที่ผ่านมา

      Glad I did 😊

  • @Chidiebere-s7d
    @Chidiebere-s7d 8 วันที่ผ่านมา

    Thank you 🙏

  • @NgoziEze-p2p
    @NgoziEze-p2p 8 วันที่ผ่านมา

    Nice 👍

    • @uxwithsophia
      @uxwithsophia 8 วันที่ผ่านมา

      Thanks for the visit

  • @Blessing620
    @Blessing620 8 วันที่ผ่านมา

    Great tutorial 🎉

    • @uxwithsophia
      @uxwithsophia 8 วันที่ผ่านมา

      Thank you! 😊

  • @oluchilucia
    @oluchilucia 18 วันที่ผ่านมา

    Awesome! 👏🏾

  • @juwoncaleb
    @juwoncaleb 21 วันที่ผ่านมา

    Looks good

  • @Blessing620
    @Blessing620 26 วันที่ผ่านมา

    Great tutorial

  • @Graphic-s3j
    @Graphic-s3j 29 วันที่ผ่านมา

    Great tutorial ❤

    • @uxwithsophia
      @uxwithsophia 29 วันที่ผ่านมา

      Thank you! 😊

  • @DesignbyS.N
    @DesignbyS.N 29 วันที่ผ่านมา

    Amazing thank you

    • @uxwithsophia
      @uxwithsophia 29 วันที่ผ่านมา

      Thank you too!

  • @SecondSpin-i2i
    @SecondSpin-i2i 29 วันที่ผ่านมา

    Love it

  • @LuxeRevival-l7s
    @LuxeRevival-l7s 29 วันที่ผ่านมา

    You just saved me

    • @uxwithsophia
      @uxwithsophia 29 วันที่ผ่านมา

      Glad I did

  • @NgoziEze-p2p
    @NgoziEze-p2p 29 วันที่ผ่านมา

    Thank you

  • @Blessing620
    @Blessing620 29 วันที่ผ่านมา

    Great tutorial 🎉

    • @uxwithsophia
      @uxwithsophia 29 วันที่ผ่านมา

      Thank you! 😊

  • @TochukwuArinze
    @TochukwuArinze หลายเดือนก่อน

    Niceee 🎉

    • @uxwithsophia
      @uxwithsophia 29 วันที่ผ่านมา

      Thanks 🔥

  • @TochukwuArinze
    @TochukwuArinze หลายเดือนก่อน

    Brilliant!

  • @DesignbyS.N
    @DesignbyS.N หลายเดือนก่อน

    Niceee

  • @ugochiann2583
    @ugochiann2583 หลายเดือนก่อน

    Thanks for the teaching 😊

    • @uxwithsophia
      @uxwithsophia หลายเดือนก่อน

      My pleasure 😊

  • @oluchilucia
    @oluchilucia หลายเดือนก่อน

    So informative!

  • @DesignbyS.N
    @DesignbyS.N หลายเดือนก่อน

    I enjoy your tutorials 🎉

  • @SecondSpin-i2i
    @SecondSpin-i2i หลายเดือนก่อน

    So quick and simple ❤

  • @LuxeRevival-l7s
    @LuxeRevival-l7s หลายเดือนก่อน

    So quick and informative

  • @Graphic-s3j
    @Graphic-s3j หลายเดือนก่อน

    Love your tutorials 😮

    • @uxwithsophia
      @uxwithsophia หลายเดือนก่อน

      Glad you like them!

    • @uxwithsophia
      @uxwithsophia หลายเดือนก่อน

      Thank you so much

  • @NgoziEze-p2p
    @NgoziEze-p2p หลายเดือนก่อน

    ❤❤

  • @NgoziEze-p2p
    @NgoziEze-p2p หลายเดือนก่อน

    Love how quick this video was ❤

  • @Blessing620
    @Blessing620 หลายเดือนก่อน

    Well done ❤

  • @NgoziEze-p2p
    @NgoziEze-p2p หลายเดือนก่อน

    Great

  • @Blessing620
    @Blessing620 หลายเดือนก่อน

    Nice tutorial 👍👌

    • @uxwithsophia
      @uxwithsophia หลายเดือนก่อน

      Thank you 🙂

    • @uxwithsophia
      @uxwithsophia หลายเดือนก่อน

      Thank you

  • @tolulopesimiloluwa7444
    @tolulopesimiloluwa7444 3 หลายเดือนก่อน

    Well detailed, thank you

    • @uxwithsophia
      @uxwithsophia 9 วันที่ผ่านมา

      You are welcome 🙏

  • @oluchilucia
    @oluchilucia 4 หลายเดือนก่อน

    Nice!!!👍🏾

    • @uxwithsophia
      @uxwithsophia 4 หลายเดือนก่อน

      Thanks 💯

  • @oluchilucia
    @oluchilucia 4 หลายเดือนก่อน

    So informative!

  • @sandraugwu3331
    @sandraugwu3331 4 หลายเดือนก่อน

    Thanks , I can always come back to this

  • @oluchilucia
    @oluchilucia 4 หลายเดือนก่อน

    So detailed. You’re a really good teacher!

    • @Blessing620
      @Blessing620 4 หลายเดือนก่อน

      Thank you 😊

  • @Podcastmediya
    @Podcastmediya 10 หลายเดือนก่อน

    Which key u used for downing the chats

  • @roseonwuzulike6962
    @roseonwuzulike6962 11 หลายเดือนก่อน

    Amazing!! You made it easy to learn

  • @sandraugwu3331
    @sandraugwu3331 11 หลายเดือนก่อน

    Welldone

  • @dikegoodluck3076
    @dikegoodluck3076 11 หลายเดือนก่อน

    Nice video

  • @ucheokenyi
    @ucheokenyi ปีที่แล้ว

    Wow this was really helpful ❤️

    • @uxwithsophia
      @uxwithsophia 11 หลายเดือนก่อน

      Glad it was helpful

  • @kellyumerah
    @kellyumerah ปีที่แล้ว

    That's the magic of auto layout 👌

  • @kellyumerah
    @kellyumerah ปีที่แล้ว

    Great video, Sophia 💯❤

  • @sandraugwu3331
    @sandraugwu3331 ปีที่แล้ว

    ❤❤, thank you ma

  • @abdullahimuftau4562
    @abdullahimuftau4562 ปีที่แล้ว

    Learnt a lot from this, need more of this short explanatory videos 🤲🏻😌

    • @uxwithsophia
      @uxwithsophia 11 หลายเดือนก่อน

      Glad it was helpful

  • @Coderverse.Technology
    @Coderverse.Technology ปีที่แล้ว

    Awesome ❤❤

    • @uxwithsophia
      @uxwithsophia 11 หลายเดือนก่อน

      Thank you

  • @zainabbello1797
    @zainabbello1797 ปีที่แล้ว

    👏👏

  • @ijeomaezeoma2765
    @ijeomaezeoma2765 ปีที่แล้ว

    Well done ❤❤❤

    • @uxwithsophia
      @uxwithsophia 11 หลายเดือนก่อน

      thank youuu

  • @mmesomaihekire781
    @mmesomaihekire781 ปีที่แล้ว

    👏👏👏