Dsingr
Dsingr
  • 222
  • 280 679
Futuristic Fashion E-Commerce Website UI Design: Advanced Figma Tutorial
Futuristic Fashion E-Commerce Website UI Design: Advanced Figma Tutorial
Take your Figma skills to the next level with this advanced tutorial! In this video, we'll create a stunning futuristic fashion e-commerce website UI design. Perfect for UI/UX enthusiasts and designers looking to enhance their craft.
🎯 Download the Source File: drive.google.com/file/d/1JivKLjDnQ8x2pS6IdQPp8PknkiVYTD5x/view?usp=sharing
🎨 Get the Figma Design File: www.figma.com/community/file/1445021845477837969/master-figma-with-these-advanced-tutorial-ui-design-tips
🌟 What you'll learn:
Creating advanced e-commerce layouts.
Tips for futuristic UI aesthetics.
Best practices for designing in Figma.
🚀 Don’t forget to like, comment, and subscribe for more design tips and tutorials!
SONG CREDIT🎵
Song: Anywhere
License: Creative Commons (CC BY 3.0) creativecommons.org/licenses/by/3.0
ua-cam.com/users/ikson
Music powered by BreakingCopyright: breakingcopyright.com
"Ikson - Anywhere" is under a Free To Use UA-cam license / www.youtube.com/@tellyourstorymusicbyikson
by BreakingCopyright: • 🌴 [Non Copyrighted Music] / ua-cam.com/video/VPS6eAGy3EQ/v-deo.htmlsi=w75xUo-q5bxXimO5
Cover Topic's:
Futuristic fashion design
Advanced Figma tutorial
E-commerce website UI
Figma design tips
UI/UX design tutorial
Website design Figma
Modern web design
Figma for designers
UI design inspiration
Advanced UI/UX
Futuristic UI design
Figma website layout
E-commerce in Figma
Advanced design tutorial
UI design techniques
Professional Figma UI
Creative Figma projects
Fashion e-commerce UI
#figma #ui #design
Переглядів: 332

Відео

Learn Figma: Create Simple UI Design & Prototyping Tutorial
Переглядів 587Місяць тому
Learn Figma: Create Simple UI Design & Prototyping Tutorial Description Template: 🖌️ Master Figma's Core Features with this simple tutorial! 🚀 In this video, you’ll learn: 🖼️ How to create a modern and simple UI design. 📋 Tips for designing a responsive navbar using Auto Layout. 🎥 Using Figma Prototyping tools for seamless animations. 💡 Bonus: Adding final touches for professional results. ⏳ Ti...
Figma Simple UI Design Tutorial for Beginners | Image add in shape step by step guide
Переглядів 607Місяць тому
Figma Simple UI Design Tutorial for Beginners | Step-by-Step Guide to Modern UI Unlock the basics of UI design in Figma with this beginner-friendly tutorial! 🎉 From setting up layout grids to creating modern navigation bars, buttons, and icons, this step-by-step guide covers all you need to know to start designing. Learn how to use Figma’s features like auto layout, corner smoothing, and create...
Easy & Modern Interactive Figma Website UI Design Tutorial for Beginners: Step-by-Step Guide
Переглядів 1,1 тис.Місяць тому
Easy & Modern Interactive Figma Website UI Design Tutorial for Beginners: Step-by-Step Guide Learn how to design an interactive and modern website UI using Figma! In this beginner-friendly tutorial, we cover essential Figma techniques, from adding layout grids to creating stylish navigation bars and buttons with auto-layout. You'll also discover advanced tips for corner smoothing, icon creation...
Figma Simple and Modern Website UI Design : UI/UX Tutorial for Beginners
Переглядів 1,4 тис.2 місяці тому
Figma Simple and Modern Website UI Design : UI/UX Tutorial for Beginners Learn how to create a simple and modern website UI design using Figma in this step-by-step UI/UX tutorial for beginners. This video walks you through the design process, from initial layout to final touches, ensuring that you gain a solid understanding of Figma’s tools and best practices for user-friendly website design. B...
Gym Futuristic Website UI Design in FIGMA: Web Design Tutorial
Переглядів 1,2 тис.2 місяці тому
Gym Futuristic Website UI Design in FIGMA: Web Design Tutorial Looking to design a sleek, modern, and futuristic gym website UI in Figma? In this comprehensive web design tutorial, you'll learn how to create stunning visuals for a fitness website that stands out. This step-by-step guide is perfect for beginners and intermediate designers alike. Whether you're a designer building your portfolio ...
App & Web Development Company Website UI UX Design in Figma: UI UX Tips [NO VOICE]
Переглядів 5392 місяці тому
App & Web Development Company Website UI UX Design in Figma: UI UX Tips [NO VOICE] Unlock the power of professional UI/UX design with this ultimate tutorial on creating project, company, app, and web development websites in Figma. Whether you're a beginner or looking to refine your design skills, this video walks you through the essentials of modern web development and app interface design usin...
Figma Education Website UI Design: Beginner's Easy Step-by-Step Tutorial
Переглядів 7903 місяці тому
Figma Education Website UI Design: Beginner's Easy Step-by-Step Tutorial Learn how to design a modern, user-friendly education website using Figma! This easy tutorial is perfect for beginners, guiding you through the complete process of creating a sleek, functional UI design. Follow along and elevate your web design skills with this practical Figma tutorial. Key Highlights: Simple and effective...
Create Pro UI Animations with Figma & Canva FREE : Easy Tutorial
Переглядів 1,2 тис.3 місяці тому
Create Pro UI Animations with Figma & Canva FREE : Easy Tutorial Learn how to create eye-catching UI animations using Figma and Canva, absolutely FREE! This step-by-step tutorial is perfect for beginners looking to enhance their design skills. No prior animation experience is required! Key Highlights: Free tools: Figma & Canva Beginner-friendly step-by-step guide Create stunning UI animations E...
Project Management Website UI Design in Figma: Step-by-Step Template Web Design Tutorial
Переглядів 1,3 тис.3 місяці тому
Project Management Website UI Design in Figma: Step-by-Step Template Web Design Tutorial Master the essentials of project management website design with this Figma tutorial. Learn to create a professional and functional UI template, perfect for any web design project. Ideal for both beginners and experienced designers looking to expand their skills in Figma. Key Highlights: Step-by-step guide t...
Figma Fashion Futuristic Clothing Website Advance Ui Design: Step-by-Step UI Tutorial
Переглядів 2883 місяці тому
Figma Fashion Futuristic Clothing Website Figma Advance Ui Design: Step-by-Step UI Tutorial Unlock the secrets of creating a cutting-edge futuristic clothing website using Figma in this comprehensive UI design tutorial! Whether you're a beginner or looking to enhance your skills, this video will guide you through every step of the design process. From wireframes to final touches, learn how to c...
Futuristic Fashion Website UI Design in Figma: Step-by-Step Webdesign Tutorial
Переглядів 5893 місяці тому
Futuristic Fashion Website UI Design in Figma: Step-by-Step Webdesign Tutorial Unlock the secrets to creating a cutting-edge fashion website UI design in Figma with this step-by-step tutorial. In today's video, you'll learn how to craft a futuristic fashion website that's both stylish and functional. Perfect for beginners and experienced designers alike, this tutorial covers the entire design p...
Figma Delivery Website UI Design: Step-by-Step Web Design Tutorial 2024
Переглядів 9663 місяці тому
Figma Delivery Website UI Design: Step-by-Step Web Design Tutorial 2024 Learn how to create a stunning delivery website UI design using Figma in this comprehensive web design tutorial. Perfect for beginners and professionals alike, this step-by-step guide covers everything from wireframes to final UI design. Discover the latest techniques in Figma to create an engaging and user-friendly deliver...
Football Website Futuristic Figma UI Design: Step-by-Step Design Tutorial
Переглядів 1,4 тис.4 місяці тому
Football Website Futuristic Figma UI Design: Step-by-Step Design Tutorial Discover how to create an interactive futuristic football-themed UI design using Figma in this step-by-step website design tutorial. Perfect for beginners and professionals alike, this tutorial guides you through creating an engaging, modern interface that stands out. Learn the latest techniques in Figma and bring your fo...
Cosmetic Modern Website UI Design in Figma: Step-by-Step Web Design Tutorial
Переглядів 2804 місяці тому
Cosmetic Modern Website UI Design in Figma: Step-by-Step Web Design Tutorial Learn how to create a stunning cosmetic website UI design in Figma with this step-by-step tutorial. Whether you're a beginner or an experienced designer, this video covers the essentials of modern web design, including layout, color schemes, typography, and user experience. Follow along as we guide you through the enti...
Futuristic E-Commerce Website UI Design in Figma: Step-by-Step Web Design Tutorial
Переглядів 8414 місяці тому
Futuristic E-Commerce Website UI Design in Figma: Step-by-Step Web Design Tutorial
Figma Unique Real Estate Website UI Design: Comprehensive Web Design Tutorial
Переглядів 5894 місяці тому
Figma Unique Real Estate Website UI Design: Comprehensive Web Design Tutorial
Figma Simple & Unique Real Estate Website UI Design: Step-by-Step Web Design Tutorial
Переглядів 5264 місяці тому
Figma Simple & Unique Real Estate Website UI Design: Step-by-Step Web Design Tutorial
Designing Dashboard UI in Figma: Interactive UX Tutorial for Beginners
Переглядів 5 тис.4 місяці тому
Designing Dashboard UI in Figma: Interactive UX Tutorial for Beginners
Futuristic Workout Web App UI Design: Figma Tutorial for Beginners
Переглядів 1,2 тис.4 місяці тому
Futuristic Workout Web App UI Design: Figma Tutorial for Beginners
Furniture Website UI Iterative Design in Figma: Step-by-Step UX Tutorial
Переглядів 2534 місяці тому
Furniture Website UI Iterative Design in Figma: Step-by-Step UX Tutorial
Workout Website UI Design in Figma: Easy UX Tutorial for Beginners
Переглядів 2884 місяці тому
Workout Website UI Design in Figma: Easy UX Tutorial for Beginners
Figma Influence r Sponsor Website UI Design: Step-by-Step UX Tutorial
Переглядів 4424 місяці тому
Figma Influence r Sponsor Website UI Design: Step-by-Step UX Tutorial
Digital Art Creator Website UI Design in Figma: Interactive UX Tutorial
Переглядів 4154 місяці тому
Digital Art Creator Website UI Design in Figma: Interactive UX Tutorial
DJ Music Website UI Design in Figma: Simple Web Design Tutorial
Переглядів 1,1 тис.4 місяці тому
DJ Music Website UI Design in Figma: Simple Web Design Tutorial
Figma Book Selling E-Commerce UI Design: Interactive UX Design Tutorial
Переглядів 3834 місяці тому
Figma Book Selling E-Commerce UI Design: Interactive UX Design Tutorial
NFT Mobile App Futuristic UI Design in Figma: Easy Tutorial for Beginners
Переглядів 2944 місяці тому
NFT Mobile App Futuristic UI Design in Figma: Easy Tutorial for Beginners
Futuristic E-Commerce Website UI Design in Figma: Interactive UX Tutorial
Переглядів 3,4 тис.4 місяці тому
Futuristic E-Commerce Website UI Design in Figma: Interactive UX Tutorial
Fashion App UI/UX Design in Figma: Easy Web Design Tutorial
Переглядів 2,6 тис.4 місяці тому
Fashion App UI/UX Design in Figma: Easy Web Design Tutorial
Payment website ui design figma: interactive ux tutorial
Переглядів 5154 місяці тому
Payment website ui design figma: interactive ux tutorial

КОМЕНТАРІ

  • @dieandlivesprizongaming8001
    @dieandlivesprizongaming8001 6 днів тому

    🎉🎉🎉🎉🎉Salute to you bro

    • @Dsingr
      @Dsingr 5 днів тому

      my pleasure...

  • @justtesting-to9hk
    @justtesting-to9hk 8 днів тому

    hey bro how did u tilt the picture in the laptop mockup

  • @IlyesLahlou
    @IlyesLahlou 16 днів тому

    bro ur wrok is so good, i just wanna ask u what happens on click ?

  • @AngelFjx
    @AngelFjx 17 днів тому

    thanks

  • @fgvd5049
    @fgvd5049 19 днів тому

    Excellent design 😎, where did you download the figure of the boy?

    • @Dsingr
      @Dsingr 18 днів тому

      Freepic

  • @Viralshorts51051
    @Viralshorts51051 21 день тому

    which software do you use for screen recording and video editing? Please

  • @arr017
    @arr017 21 день тому

    thank you.

    • @Dsingr
      @Dsingr 21 день тому

      Also watch my letest videos

  • @nasirsiddique8173
    @nasirsiddique8173 22 дні тому

    Bro,, you are doing a great job, but you have to maintain equal spacing between components and elements if you don't mind.....

    • @Dsingr
      @Dsingr 21 день тому

      Got it...👍

  • @mohieenmemes08
    @mohieenmemes08 22 дні тому

    Bhai acha design ha❤ ,mera humble request pls create a tutorial by using figma from begginer to advance ui designs..❤

  • @mxboys6761
    @mxboys6761 23 дні тому

    Plz Explain us prototyping

    • @Dsingr
      @Dsingr 23 дні тому

      Yes, y not

  • @mxboys6761
    @mxboys6761 23 дні тому

    WOnderful

    • @Dsingr
      @Dsingr 23 дні тому

      My pleasure ❤️🙏

  • @Kraken2AEsir
    @Kraken2AEsir 25 днів тому

    Bohot chutiya tutorial

  • @danyprasetyawan
    @danyprasetyawan 26 днів тому

    plant

  • @schinaliyanofficil8699
    @schinaliyanofficil8699 Місяць тому

    Image kha se download karte ho 2:20

    • @Dsingr
      @Dsingr Місяць тому

      Freepic se download krta hu...

  • @mohieenmemes08
    @mohieenmemes08 Місяць тому

    I learned a lot from this video thank you bhai❤ for this awesome tutorial..

    • @Dsingr
      @Dsingr Місяць тому

      My pleasure ❤️🙏

  • @AmalNovaGaming
    @AmalNovaGaming Місяць тому

    🎉🎉

    • @Dsingr
      @Dsingr Місяць тому

      🙏❤️

  • @clubelite2260
    @clubelite2260 Місяць тому

    This is not a tutorial my guy

    • @Dsingr
      @Dsingr Місяць тому

      🤔🤔

  • @paradox113
    @paradox113 Місяць тому

    Bro why you always ignore the question about where you get pictures?

    • @Dsingr
      @Dsingr Місяць тому

      I don't think so.... Freepic

  • @qudratullah7054
    @qudratullah7054 Місяць тому

    WOW

    • @Dsingr
      @Dsingr Місяць тому

      It's old video

  • @santoryu4689
    @santoryu4689 Місяць тому

    Honestly I didn't like it because it's not visually appealing, it's just a plain design, not visually high-end.

    • @Dsingr
      @Dsingr Місяць тому

      I know that, this design for beginners and prectice, if you pro in UI UX so you can skip... Thanks for the comment ☺️

    • @santoryu4689
      @santoryu4689 Місяць тому

      @Dsingr Yes this is a good design for beginners so keep going I just gave you my opinion on it

  • @santoryu4689
    @santoryu4689 Місяць тому

    Nice design

    • @Dsingr
      @Dsingr Місяць тому

      Thankyou 🙏❤️, and please watch my letest videos and please give me feedback

  • @InshotMotivation
    @InshotMotivation Місяць тому

    Bro your doing innovative i appreciate your work.

    • @Dsingr
      @Dsingr Місяць тому

      Thank you so much 😀

  • @mohieenmemes08
    @mohieenmemes08 Місяць тому

    Nice minimal design brother 😊❤

    • @Dsingr
      @Dsingr Місяць тому

      Thankyou bro 🙏❤️

  • @mxboys6761
    @mxboys6761 Місяць тому

    wonderful bro

    • @Dsingr
      @Dsingr Місяць тому

      Thankyou bro 🙏❤️

  • @arr017
    @arr017 Місяць тому

    nice

    • @Dsingr
      @Dsingr Місяць тому

      My pleasure ❤️🙏

  • @briansloops4724
    @briansloops4724 Місяць тому

    Hello I just made my own version of your design, I'd love for you to check it out if you wouldn't mind. Please let me know how I can get in contact with you. I absolutely love your designs and style! I also just recently found your channel but you've for sure gained a subscriber! :)

    • @Dsingr
      @Dsingr Місяць тому

      Thankyou for the comment, follow me on Instagram.

  • @paradox113
    @paradox113 Місяць тому

    Bro could you tell me where actually you downloaded the picture???

    • @Dsingr
      @Dsingr Місяць тому

      Freepic

  • @adriennviski
    @adriennviski Місяць тому

    Hi! I have a question: for some reason, the “constraints and resizing” option is missing in my Figma. It’s not where it should be, and I can’t find it anywhere. Also, I’m missing a couple of animations in prototypes, even though I have a Figma subscription. What do you think the issue could be?🫣

    • @Dsingr
      @Dsingr Місяць тому

      In constraint you will be doing it wrongly so it does not come. If you do it this way, take a frame and auto layout or create a button as you see fit. Mostly used for constrain frame and elements inside it. In Prototype you will be able to use basic one time/animation, and if you want to use it more than once you will have to buy a premium subscription.

    • @adriennviski
      @adriennviski Місяць тому

      @@Dsingr thank you!

  • @hugeiconspro
    @hugeiconspro Місяць тому

    Truly helpful! Appreciate the effort! 🌟

    • @Dsingr
      @Dsingr Місяць тому

      My pleasure ❤️🙏

  • @mohieenmemes08
    @mohieenmemes08 Місяць тому

    Choice of color palettes are unique, awesome work brother keep going ahead..😊

    • @Dsingr
      @Dsingr Місяць тому

      🙏❤️

  • @mxboys6761
    @mxboys6761 Місяць тому

    Nicwe bro

    • @Dsingr
      @Dsingr Місяць тому

      🙏❤️

  • @soul_l
    @soul_l Місяць тому

    Hey, I have a doubt. As a UI designer is it necessary to learn how to create prototypes and animations? I'm a beginner at this and I recently designed a website but I am not sure whether to add animations or not. Also, the website is really pretty. I'd definitely take inspiration ✨

    • @Dsingr
      @Dsingr Місяць тому

      Only you need to learn UI UX, mockups and presentation. And depend on your pletform like if you freelancer or corporate job.

    • @soul_l
      @soul_l Місяць тому

      @@Dsingr ohh okay!!

  • @fremponggyamfi2691
    @fremponggyamfi2691 2 місяці тому

    can you give us a source file on the pictures you used?

    • @Dsingr
      @Dsingr 2 місяці тому

      Uppss sorry, but check out my letest videos, you got new ui design with pictures source file 🗃️, thanks for the comment.

  • @mohieenmemes08
    @mohieenmemes08 2 місяці тому

    Welcome back bhai❤ ,voice over op, editing new style.. teaching patiently and design op😊

    • @Dsingr
      @Dsingr 2 місяці тому

      All this is possible because of your support, Thanks for the continuous support ❤️🙏

  • @SharanG73
    @SharanG73 2 місяці тому

    did you make any clients .. if you got , how do got clients , how to approach them,

    • @Dsingr
      @Dsingr 2 місяці тому

      I am not freelancer

    • @SharanG73
      @SharanG73 2 місяці тому

      @@Dsingr after good at ui/ux making clients is possible.... generally asking

  • @mxboys6761
    @mxboys6761 2 місяці тому

    This video is late this time

    • @Dsingr
      @Dsingr 2 місяці тому

      Ya, i know but don't worry I try my best

    • @mxboys6761
      @mxboys6761 2 місяці тому

      @@Dsingr Yes you try your best because ths design is awesome

  • @parthadutta-c3e
    @parthadutta-c3e 2 місяці тому

    superb! keep it up bro.

    • @Dsingr
      @Dsingr 2 місяці тому

      Thankyou bro ❤️🙏

  • @lyptusyt
    @lyptusyt 2 місяці тому

    like it

    • @Dsingr
      @Dsingr 2 місяці тому

      🙏❤️

  • @francium2027
    @francium2027 2 місяці тому

    Hey! Bro I am also from jh India I am also became ux/ui designer ❤❤❤ I impressed your portfolio.

    • @Dsingr
      @Dsingr 2 місяці тому

      My pleasure ❤️🙏

  • @PiyaPrueMarma
    @PiyaPrueMarma 2 місяці тому

    I am in beginning phase and your videos are a great help 😍😍😍

    • @Dsingr
      @Dsingr 2 місяці тому

      My pleasure ❤️🙏

  • @rezakurniarivaldi514
    @rezakurniarivaldi514 2 місяці тому

    where can I get the image assets?

    • @Dsingr
      @Dsingr 2 місяці тому

      Freepic

  • @MavileXavier
    @MavileXavier 2 місяці тому

    Hello, i dont understand how do you put the main heading like that, for me its not working

    • @Dsingr
      @Dsingr 2 місяці тому

      I am explaining in another video, please wait for this type video

  • @binilatreesababu3993
    @binilatreesababu3993 2 місяці тому

    Can you give portfolio tutorial

    • @Dsingr
      @Dsingr 2 місяці тому

      We think about on that topic

  • @payalhora8424
    @payalhora8424 2 місяці тому

    Hello, from where did you take the character illustrations?

    • @Dsingr
      @Dsingr 2 місяці тому

      Freepic

    • @PutineluAlin
      @PutineluAlin 2 місяці тому

      So sorry it got infested with AI generated slop.

  • @orbeezplayz9329
    @orbeezplayz9329 2 місяці тому

    how to code on this

    • @Dsingr
      @Dsingr 2 місяці тому

      It's coders and Developer job

  • @mohieenmemes08
    @mohieenmemes08 2 місяці тому

    Nice design brother nice to see your channel is growing...😊

    • @Dsingr
      @Dsingr 2 місяці тому

      Ypp, thankyou bro ❤️🙏

  • @mxboys6761
    @mxboys6761 2 місяці тому

    Nice bro

    • @Dsingr
      @Dsingr 2 місяці тому

      Thankyou ❤️🙏

  • @ruqayahn.k4645
    @ruqayahn.k4645 2 місяці тому

    good 🌹

    • @Dsingr
      @Dsingr 2 місяці тому

      My pleasure ❤️🙏

  • @prodbyunyverse397
    @prodbyunyverse397 2 місяці тому

    I can make the same work with only Canva 😅

    • @Dsingr
      @Dsingr 2 місяці тому

      That's the good spirit of designer, keep it up bro

    • @prodbyunyverse397
      @prodbyunyverse397 2 місяці тому

      @@Dsingrbut figma still a better choice.

    • @NuZ004
      @NuZ004 9 днів тому

      Really ?

    • @prodbyunyverse397
      @prodbyunyverse397 4 дні тому

      @@NuZ004 yeah

  • @mxboys6761
    @mxboys6761 2 місяці тому

    This time you are late releasing video

    • @Dsingr
      @Dsingr 2 місяці тому

      I know bro sorry for that

    • @mxboys6761
      @mxboys6761 2 місяці тому

      @@Dsingr That alright