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

Поделиться
HTML-код
  • Опубликовано: 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 : ruclips.net/user/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.

  • @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!

  • @adilhesenov2962
    @adilhesenov2962 Год назад +1

    thank you

  • @MsTraders007-xs4xb
    @MsTraders007-xs4xb 3 месяца назад +1

    love from Pakistan U gain a new subcriber

    • @DSCodetech
      @DSCodetech  3 месяца назад +1

      Thanks for your support!

  • @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

  • @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