UI/UX Design and Prototyping an E-commerce Shoe App in Figma | From Sketch to App

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 เม.ย. 2023
  • Discover the power of UI/UX design and prototyping in this comprehensive tutorial on designing an e-commerce shoe app in Figma, Learn from sketch to a fully functional app. In this video, we'll cover UI/UX design principles, add interactive features with prototyping, add animations, and test the designed pages on a virtual phone. With step-by-step instructions and expert tips, this video is perfect for anyone looking to improve their design skills and create a successful mobile app. Watch now and start designing your own e-commerce app with confidence!
    Don't forget to subscribe to our channel for more design tutorials and tips, and hit the like button 👍 if you found this video helpful.
    Also, please share your thoughts and questions in the comments section below.
    More design tutorials:
    ⭐ Ecommerce Website ui Design in figma: • Amazing Ecommerce Webs...
    ⭐ Cake App Design in Figma: • Cake Ordering Mobile A...
    ⭐ Coffee App Design in Figma: • Coffee Ordering Mobile...
    🤩🤩 SUBSCRIBE to our channel: / dscodetech
    Say hi on social:
    🔵 Facebook - bit.ly/36KsK8X
    🟢 Instagram - bit.ly/3xGDbXR
    #figma #uiuxdesign #appdesign
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 29

  • @DSCodetech
    @DSCodetech  ปีที่แล้ว +2

    Thanks for watching! If you enjoyed this video and want to see more UI/UX design tutorials, make sure to subscribe to my channel. Let's keep learning and growing together! 😁
    SUBSCRIBE Now : th-cam.com/users/dscodetech
    DOWNLOAD Source file : bit.ly/43nlv26

  • @sbsoftware5209
    @sbsoftware5209 ปีที่แล้ว +6

    This video was a lifesaver for me as a UI designer with no design background. I've been working on improving my ui design skills, and this video was a fantastic resource. Keep up the great work!

  • @OmarCham-wr7fv
    @OmarCham-wr7fv 6 หลายเดือนก่อน +1

    This is amazing. As someone that is just getting into UX/UI design I will love to replicate this design.

    • @DSCodetech
      @DSCodetech  6 หลายเดือนก่อน +1

      Best of luck!

  • @dailybeauty2408
    @dailybeauty2408 ปีที่แล้ว +1

    Ui looks very nice. Your insights on the role of psychology in UI design were really interesting. It's clear that you have a clear understanding of the subjects

  • @user-ht8dd9nj5o
    @user-ht8dd9nj5o ปีที่แล้ว +1

    Thank you so much for this tutorial, this helped me a lot keep uploading more figma designs with prototyping and it would be more better if you do voice over aswell. 👍

    • @DSCodetech
      @DSCodetech  ปีที่แล้ว +1

      Thanks, good idea we'll try our best!

  • @ExtraXyz-vu2sm
    @ExtraXyz-vu2sm 4 หลายเดือนก่อน +2

    BRO YOu are doing amazing work

    • @DSCodetech
      @DSCodetech  4 หลายเดือนก่อน +1

      Thank you so much 😀

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

    Done thanks a lot!

    • @DSCodetech
      @DSCodetech  4 หลายเดือนก่อน +1

      You're welcome!

  • @MsTraders007-xs4xb
    @MsTraders007-xs4xb 3 หลายเดือนก่อน +1

    love from Pakistan U gain a new subcriber

    • @DSCodetech
      @DSCodetech  3 หลายเดือนก่อน +1

      Thanks for your support!

  • @adilhesenov2962
    @adilhesenov2962 ปีที่แล้ว +1

    thank you

  • @vloggerashh812
    @vloggerashh812 7 หลายเดือนก่อน +1

    You gain one subscriber❤

    • @DSCodetech
      @DSCodetech  7 หลายเดือนก่อน +1

      Thank you...❤❤

  • @paolaqendraj9404
    @paolaqendraj9404 ปีที่แล้ว +2

    Can you give us the source files please? Love the design!!

    • @DSCodetech
      @DSCodetech  ปีที่แล้ว +2

      Thanks! check out the pinned comment!

  • @ArchitaPatel
    @ArchitaPatel 5 หลายเดือนก่อน +1

    How apply scale in the canvas

    • @DSCodetech
      @DSCodetech  5 หลายเดือนก่อน +1

      Use Frame tool

  • @sruthisriram456
    @sruthisriram456 ปีที่แล้ว +1

    At 2:34 why there are 2 rectangles? I know its a basic question but I want to know your intention.
    After selecting rectangle 1 as frame and changing the corner radius, the curvature is not visible. Why?

    • @DSCodetech
      @DSCodetech  ปีที่แล้ว +1

      You can use only one rectangle and change the corner radius if you want, in the video you can see we use only one rectangle and we've deleted the second rectangle. when you select the frame make sure to check the "Clip content" on the right side, and It'll be visible the curvature.

  • @balakrishnan5116
    @balakrishnan5116 9 หลายเดือนก่อน +1

    Hi 👋
    I don't know this question ⁉️ right or wrong.
    How to select image's
    Because I am learning UI

    • @DSCodetech
      @DSCodetech  9 หลายเดือนก่อน +1

      What do you mean, How to import images to the project? Is that the question you have?

  • @user-id3hk4ir7f
    @user-id3hk4ir7f 5 หลายเดือนก่อน

    This is so difficult to follow!

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

      Please speed down the video