UI Design a Wallet App in Figma - Full course

Поделиться
HTML-код
  • Опубликовано: 2 июн 2022
  • Create a Wallet app UI design from scratch in Figma with glass icons, charts, cards and a tab bar
    📂 Figma file
    ➡ www.figma.com/community/file/...
    🖥 Visit our website for more Design tutorials
    ➡ UI Design Android Quick Apps in Figma: designcode.io/quick-apps-andr...
    ➡ UI Design Smart Home App in Figma: designcode.io/ui-smart-home
    ➡ UI Design Quick Apps in Figma: designcode.io/quick-apps-figma
    ➡ Figma handbook: designcode.io/figma-handbook
    ➡ UI design handbook: designcode.io/ui-design-handbook
    ➡ iOS design handbook: designcode.io/ios-design-hand...
    ➡ UX design handbook: designcode.io/ux-design-handbook
    👋🏻 Let's connect!
    ➡ Twitter: / titepommee
    ➡ Instagram: / sourasith.design
    🎵 Music from Uppbeat (free for Creators!)
    uppbeat.io/t/nick-petrov/infi...
    License code: ZSSAKX1F0JLSAIKX
    #figma #uidesign #figmadesign

Комментарии • 94

  • @Hyperion.1
    @Hyperion.1 Год назад +1

    Fantastic tutorial.
    I particularly like how you label every frame / element. You are teaching me to be disciplined.
    Thanks.

  • @RolaYoutube
    @RolaYoutube 5 месяцев назад +2

    First tutorial I ever finished in my life 😩💙

  • @daitoB18
    @daitoB18 Год назад +2

    La verdad es que recién estoy empezando con el curso de UI , pero por lo que veo me he quedado impresionado tanto por el panel de colores que tiene mas los efectos que le pones en las animaciones de interacción , la verdad tienes mis 10s por lo conseguido , aunque lo único que no me gusto mucho fue la forma de la barra de abajo (solo son gustos míos) pero por todo lo demás me quede impresionado

  • @brunosoares9932
    @brunosoares9932 Год назад

    Thank you for that incredible tutorial! Your guys are awesome!

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

    I tried this design and almost matched it
    I am a beginner I will follow this channel for further improvement

  • @MohamedAhmed-rf5bk
    @MohamedAhmed-rf5bk 2 года назад +2

    Started this video as a fun because the thumbnail was intriguing and then found myself watching the whole thing. I like it

    • @DesignCodeTeam
      @DesignCodeTeam  2 года назад +1

      Thanks for watching the whole video! :D

  • @user-nn5mw2dc3c
    @user-nn5mw2dc3c 6 месяцев назад +1

    This was helpful. Thank you so much

  • @brainiacwilliams926
    @brainiacwilliams926 Год назад +4

    Thank you for this tutorial. Had a ton of fun following along with it. Couldn't even imagine what I came up with at the end. Made me feel happy that I could make a deign like that. Thank you.
    P.S.
    New subscription added.
    😍

  • @danlegend3104
    @danlegend3104 2 года назад +1

    Thanks a lot, I like this design. Will give me something to use as a mock up whilst learning to code.

    • @DesignCodeTeam
      @DesignCodeTeam  2 года назад

      Awesome, show us if you decide to code it :)

  • @tylernicholls
    @tylernicholls Год назад

    Can you create a tutorial on how to create the TabView in Swift UI with stacked cards (like you showed here in Figma)? Very cool, and I've been trying to figure out how to do that for days!

  • @chiaza7735
    @chiaza7735 2 года назад +2

    This channel is absolute gold 🥇

  • @fatema3583
    @fatema3583 2 года назад +2

    Thanks for your amazing tutorial ❤️

  • @uxdworld
    @uxdworld 2 года назад +2

    Awesome design and way of describing it 👏👏

  • @elionwise
    @elionwise 2 года назад +1

    Awesome tutorial! Thanks

  • @learngermaninkannada3586
    @learngermaninkannada3586 2 года назад +2

    Thanks a lot.. Amazing tutorial.. I am lucky to find this video..❤️

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

    🙌🏻🇨🇴🙋👍🏼🤝🏼 Saludos desde Colombia, estupendo contenido el de este canal.

  • @raylogs9603
    @raylogs9603 Год назад

    Thank you so much

  • @deepakbakshi1008
    @deepakbakshi1008 Год назад

    its great design..can u please also make a video on integration on payment gateway

  • @felixlange2019
    @felixlange2019 2 месяца назад

    It would be super helpful if you did an extra video, where you show your prototyping and animations. I struggle now to find a way to make the credit cards slide away for example...

  • @Bengmor
    @Bengmor Год назад

    thanks for this tutorial i want to ask how did you design the cover of the project

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

    ITS REALLY WORKED LOL THANK YOU DUDE

    • @youryorubabf
      @youryorubabf Год назад

      How did you get those components?

  • @louisooi
    @louisooi 2 года назад +1

    love your tutorial

  • @olivierturpinlavallee6153
    @olivierturpinlavallee6153 2 года назад +2

    Amazing!! 😇
    🤩

  • @FrankGP.com.
    @FrankGP.com. Год назад +1

    excelent!

  • @yellowwhale3853
    @yellowwhale3853 2 года назад +1

    Hey i have a question and a request. Are you guys on the no code app builder called bravo studio?

  • @maskman4821
    @maskman4821 2 года назад

    Can you do a chat app ui design such as login/signup, chat list, 1 to 1 chat page (chatbox), etc ? 🙏

  • @ikramzenasni4664
    @ikramzenasni4664 Год назад

    Thans a lot for your content really like it I want just to ask what is the difference between the content here in youtube and in the course cause I wanna to Subscribe in th course thnx

  • @bliceone
    @bliceone 10 месяцев назад +1

    Great vid, UI looks pretty slick. Your accent is very weird. You sound South-East Asian and French at the same time 😄

  • @scardera
    @scardera Год назад

    id love to see the prototype section how you make it alive. Design wise its awesome but its just a design after all.

    • @Jenny8Jenny
      @Jenny8Jenny Год назад

      they never show any prototyping section

  • @ofall4643
    @ofall4643 2 года назад

    I'm new to this so basically this is UX desing right? You can work doing this or you have to know UI and learn to code obligatorily?

  • @talesbyray
    @talesbyray 2 года назад +1

    Thank you!!!!!

  • @zulkifsaltik
    @zulkifsaltik 2 года назад +1

    DesignCode is the best 👍

  • @gunadAgp
    @gunadAgp 6 месяцев назад

    Good i love you ❤

  • @rehanashraf2452
    @rehanashraf2452 2 года назад +3

    Hey, this channel is amazing. I need a suggestion please. can I learn REACTjs while learning design i mean can I learn both design and development at the same time. I have 7 to 9 months and I wanted to learn design and development

    • @DesignCodeTeam
      @DesignCodeTeam  2 года назад +1

      It's definitely possible and recommended to learn both, but you must focus and get really good at one. So one as a focus and other as an extension.

    • @rehanashraf2452
      @rehanashraf2452 2 года назад

      @@DesignCodeTeam Got it, Thank you

  • @nazmussakib1332
    @nazmussakib1332 5 месяцев назад

    Exccellent design

  • @thehunter9795
    @thehunter9795 Год назад

    Hello. Please can you make mor vedios about how to 3D design mockup?
    I got just a one vedio do this it is awesome 😻✋

  • @ogbajisunny3090
    @ogbajisunny3090 Год назад

    Pls how did you get those cards plugins?

  • @QuoVadistis
    @QuoVadistis 3 месяца назад

    Where can I find a list of screens for a crypto wallat app please?

  • @thepentiasuniverse7035
    @thepentiasuniverse7035 Год назад

    Is there any video of animating the sceens plz?

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

    thank for the tutorial. Im considering joining your membership and want to ask you about the courses? are they up to date? new figma 2022 react 18 gatsby4?

    • @DesignCodeTeam
      @DesignCodeTeam  Год назад

      We have a lot of Figma courses and they are up-to-date. As for React, while they still work fine, they're not at the bleeding edge (roughly 1 year old).

  • @mdiqbalhossain9832
    @mdiqbalhossain9832 2 года назад +1

    Wow Very helpful for us.Thank you
    Please can you explain me how to make a mockup in figma same as your video thumbnail. Please please

    • @DesignCodeTeam
      @DesignCodeTeam  2 года назад +1

      I think this video will help: ruclips.net/video/JJi5KwdxmiI/видео.html

    • @mdiqbalhossain9832
      @mdiqbalhossain9832 2 года назад

      @@DesignCodeTeam many thanks for support uz

  • @erik3157
    @erik3157 Год назад

    how to round up the cards section?

  • @Dasola_
    @Dasola_ 3 месяца назад

    Hello please how did you do the thumbnail

  • @youryorubabf
    @youryorubabf Год назад

    How do we get the components you used?

  • @redskull5482
    @redskull5482 Год назад

    hello can you tell is this fully functional woking app pls tell

  • @ShredzZ
    @ShredzZ 2 года назад +1

    As a beginner UI/UX designer that want to learn something new I have question about this tutorial. Is it worki fine with Sketch too?

    • @DesignCodeTeam
      @DesignCodeTeam  2 года назад +1

      Yes Sketch is an excellent choice too

    • @ShredzZ
      @ShredzZ 2 года назад

      @@DesignCodeTeam Thanks for reply 😄 i will try to make this design tutorial using sketch 😅

  • @naeembabakheil
    @naeembabakheil 2 года назад +1

    good...+1.. i have a question does Figma need Coding ? as i am new to UI designing and do fir Hobby .. so can we animate elements in Figma without coding ?

    • @DesignCodeTeam
      @DesignCodeTeam  2 года назад +1

      You don't need coding at all to learn Figma. The prototyping is all visual.

    • @naeembabakheil
      @naeembabakheil 2 года назад

      @@DesignCodeTeam ohk ..i ask as i saw animated elements that make me confuse...anyway thanks. +1

  • @mochluthfitaufiq8060
    @mochluthfitaufiq8060 2 года назад

    Woww its azing, can you add subtitle Indonesia please

  • @jordanbanya8230
    @jordanbanya8230 2 года назад +2

    Which computer do you use to code for apple Xcode?

    • @DesignCodeTeam
      @DesignCodeTeam  2 года назад +1

      You need a Mac. MacBook Pro or Air are great choices

    • @jordanbanya8230
      @jordanbanya8230 2 года назад +1

      @@DesignCodeTeam What if I am programming on my Mac everything is good and then all the sodden one day, the computer says all my text code and text modifier if wrong? What do you think is the issue please

  • @obaszutre1062
    @obaszutre1062 Год назад

    please I cannot find the link for the components

  • @hakkesan
    @hakkesan Год назад

    спасибо большое

  • @sendiafirza
    @sendiafirza 2 года назад

    Make a study case tutorial

  • @sweetyakter2362
    @sweetyakter2362 Год назад

    Madam can i do this in Photoshop plz reply😢😢

  • @ITZ_STEVE.
    @ITZ_STEVE. Год назад

    how to download those component ?

  • @leeclauvell
    @leeclauvell Год назад

    how to add the colors

  • @saqibbhatti6608
    @saqibbhatti6608 4 месяца назад

    where is prototyping of this project?

  • @muhammadmaaz2311
    @muhammadmaaz2311 Год назад

    What Library did you use for dots in 30:31

    • @DesignCodeTeam
      @DesignCodeTeam  Год назад

      I believe it's in the local components. Otherwise, if you mean the UI Kit, it's using the iOS 16 UI Kit: www.figma.com/community/file/1121065701252736567

  • @Junaid-Canada
    @Junaid-Canada Год назад

    How to hire you?

  • @slavisatesovic3754
    @slavisatesovic3754 Год назад

    Flatten!!! 😂

  • @prince-sonawane
    @prince-sonawane 2 года назад

    why is the thumbnail Figma given? can we have the source file?

    • @DesignCodeTeam
      @DesignCodeTeam  2 года назад

      The source file is in the description

    • @prince-sonawane
      @prince-sonawane 2 года назад

      @@DesignCodeTeam The source file in the description is the one image used in the thumbnail. can we have the file designed in the video 😅

    • @prince-sonawane
      @prince-sonawane 2 года назад

      @@DesignCodeTeam Oh! My bad, the page for design is different and I didn't noticed it. found out later on :) Thank you for the assist :)

  • @ytrpaz
    @ytrpaz 2 года назад

    more....

  • @arnurabrayev
    @arnurabrayev Год назад

    it took me 7+ hours..