Weather App Ui design in figma | Figma UI Design Tutorial

Поділитися
Вставка
  • Опубліковано 18 жов 2024
  • Weather App ui design in figma | Figma weather app design
    In this UA-cam video, we'll dive into the fascinating world of UI design as we create a stunning Weather App interface using Figma. Whether you're a beginner or an experienced designer, this step-by-step tutorial will guide you through the process of designing a visually appealing and user-friendly weather application.
    Join us as we explore the power of Figma, a popular design tool, and learn how to bring your creative ideas to life. From conceptualizing the layout to selecting the perfect color scheme and typography, we'll cover it all. You'll gain valuable insights into the best practices for designing intuitive user interfaces and optimizing user experience.
    By the end of this tutorial, you'll have a complete understanding of how to create an impressive Weather App UI in Figma, ready to showcase your design skills or incorporate it into your personal projects. Get ready to take your UI design abilities to the next level and make a lasting impression with your beautifully crafted weather application.
    Don't miss out on this exciting opportunity to expand your design knowledge and join us on this creative journey. Hit the play button now and let's start designing a remarkable Weather App UI in Figma!
    If you have any suggestions for improving the design don't forget to comment below
    Like 👍| Comment 👇 | Subscribe 🙏
    Watch more :-
    Redesign Uber website figma | Uber web design figma
    :- • Redesign Uber website ...
    Headphone website design in figma (part -1) | figma tutorial
    :- • Headphone website desi...
    how to create mockups using figma plugins | figma mockup tutorial
    :- • how to create mockups ...
    food Delivery App design in figma with Prototype | Mobile App Design
    :- • food Delivery App desi...
    Your Queries :-
    Weather app UI design tutorial in Figma
    Figma tutorial for creating a weather app interface
    Step-by-step guide for designing a weather app UI in Figma
    Best practices for weather app UI design in Figma
    How to design a modern weather app interface using Figma
    Easy weather app UI design tutorial with Figma
    Figma tips and tricks for designing a weather app UI
    Weather app design inspiration in Figma
    Figma UI design process for a weather app
    Creating a responsive weather app UI in Figma
    Tags :-
    #figma
    #WeatherAppUI
    #FigmaDesign
    #UIDesignTutorial
    #FigmaTutorial
    #DesignInspiration
    #AppDesign
    #UIUXDesign
    #WeatherAppDesign
    #FigmaTips
    #DesignProcess
    #WeatherForecast
    #FigmaCommunity
    #WeatherUI
    #designtools
    -----------------------------------------------------------------------------------------------------------------
    Sappheiros - Dawn" is under a Creative Commons license (CC BY 3.0)
    / sappheiros
    Music promoted by BreakingCopyright: bit.ly/dawn-song
    -----------------------------------------------------------------------------------------------------------------

КОМЕНТАРІ • 21

  • @VidscapeCode
    @VidscapeCode  Рік тому +2

    If you have any queries please comment below 🙏😊

    • @meganefarelle2232
      @meganefarelle2232 7 місяців тому

      where are the icons and images

    • @zainabibrahim390
      @zainabibrahim390 6 місяців тому

      It took me about 2 weeks to do this only for it to come out bad

    • @zainabibrahim390
      @zainabibrahim390 6 місяців тому

      My first page didn't scroll up

    • @zainabibrahim390
      @zainabibrahim390 6 місяців тому

      And when I display it, like half of the whole thing are missing

    • @meganefarelle2232
      @meganefarelle2232 6 місяців тому

      Where did you get the icons @zaina

  • @GYROMASTERYT
    @GYROMASTERYT Рік тому +2

    Nice work 😮

  • @deeponmukhuty8064
    @deeponmukhuty8064 Рік тому +4

    How did you find the icons and all the other subtle designs

  • @ramazanataman1840
    @ramazanataman1840 10 місяців тому +2

    thank you man

  • @nabinbabu4617
    @nabinbabu4617 Рік тому +2

    What's the grid size for Android & iOS app? how much gutter will added for Android & iOS?

    • @VidscapeCode
      @VidscapeCode  Рік тому +1

      Count - 4
      Gutter - 16
      Margin - 20
      Center

    • @nabinbabu4617
      @nabinbabu4617 Рік тому

      @@VidscapeCode Ok Thanks For The Help, Can I Use Same Gird For iOS or Android Platform?

    • @VidscapeCode
      @VidscapeCode  Рік тому

      @@nabinbabu4617ofcourse and this is for Android and ios actually!

  • @JUDHAMAYGUSTYA
    @JUDHAMAYGUSTYA Рік тому +1

    What keywords should I use to search for backgrounds like that on pinterest?

    • @VidscapeCode
      @VidscapeCode  Рік тому

      Moon illustration or nature illustration

  • @sanjay7086
    @sanjay7086 8 місяців тому

    How did you expand the weather details on the first page? Unable to drag my frame

  • @degadzorherbert3150
    @degadzorherbert3150 10 місяців тому

    Where can I get the weather icons please

    • @VidscapeCode
      @VidscapeCode  10 місяців тому

      You can get the icons from figma community !

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

    full wrong app because you use scale tool