icode ng
icode ng
  • 105
  • 81 527

Відео

How to create a login form like a pro in figma
Переглядів 18514 днів тому
#figma #login #design How to Design a Login Form in Figma like a pro We design a login form in figma . This login form design will use figma to show you how you can design the UI of your next application to look a bit more awesome. Figma login tutorial like this hopefully will give you a better idea of how to use design thinking and spacing to create graphics design like this. This UI design lo...
Level Up Your Figma Skills: Figma Expert Tutorial
Переглядів 1,2 тис.Місяць тому
Link to figma resources www.figma.com/community/file/1377661354732552085/figma-expert-supahub Link to download font drive.google.com/file/d/1qCMQzAnqJ7eF8vHhyfZCEDxtJoPINaF0/view Link to supahub website supahub.com/ Take your Figma skills to the next level with our Masterclass Course! Whether you're a beginner or mid-level designer, this tutorial will teach you advanced techniques to elevate yo...
Scroll Animation in figma
Переглядів 103Місяць тому
Learn how to animate your sections in Figma for your Dribbble/Behance posts, and for your client presentations without having official scroll support in Figma!
How to design a modern login and register form for mobile and desktop in figma (light + dark mode)
Переглядів 2572 місяці тому
Certainly! Adding hashtags for UA-cam would make the content more discoverable within the platform. Here's the revised version of your text with hashtags included: We've crafted a login form in Figma, leveraging Thumblyitics as a foundational reference. While the current form appears somewhat basic, our aim is to elevate its design by incorporating robust UI and UX principles. This #Figma tutor...
Create a Responsive Bento Grid | Figma Tutorial
Переглядів 1952 місяці тому
In this video, I'm going to walk you through creating a responsive Bento Grid in Figma.
How to convert UI into Wireframe in less than 20 second using figma plugin
Переглядів 2,4 тис.2 місяці тому
buymeacoffee.com/icondng Complete Figma Course: Design a Full Website in figma step by step. ua-cam.com/video/TatCwOcsIlg/v-deo.html In this tutorial, you'll learn how to transform your intricate user interface designs into sleek wireframes in less than 20 seconds, thanks to a powerful Figma plugin. Say goodbye to manual wireframing and hello to lightning-fast conversions! Whether you're a seas...
Designing an App in Figma - A Step-by-Step Guide for Beginners (2024)
Переглядів 9922 місяці тому
buymeacoffee.com/icondng Download link www.figma.com/community/file/1362059365052081480/grocery-store-resources-figma In this Figma Mobile App Design Tutorial, you are going to learn how to design a Modern Mobile App in Figma. Figma is a free UI Design tool used creating Mobile App UI and UX.
Figma Tutorial: Input Field with Animated Label
Переглядів 2843 місяці тому
In this #FigmaTutorial, learn how to design and prototype a sleek floating text field input component with an animated label. Perfect for modern UI designs, this tutorial covers step-by-step instructions to create an engaging user experience. Whether you're a beginner or an experienced designer, follow along to elevate your UI design skills and enhance your prototypes. Whether you're designing ...
landing page UI design tutorial | Figma
Переглядів 1,2 тис.3 місяці тому
buymeacoffee.com/icondng Download Link www.figma.com/community/file/1351285375529609785/byte-code Welcome to our comprehensive Figma tutorial where we'll guide you through designing an entire website from start to finish. Whether you're a beginner or looking to enhance your skills, this course covers everything you need to know about creating stunning web designs using Figma. Thanks for watchin...
How to create component in figma
Переглядів 4423 місяці тому
How to create component in figma
Create A Sleek Navbar With Seamless Scrolling: Fixed And Dynamic Prototyping In Figma Ui Design
Переглядів 2,9 тис.4 місяці тому
Create A Sleek Navbar With Seamless Scrolling: Fixed And Dynamic Prototyping In Figma Ui Design
Create A Responsive Table For An Admin Dashboard - Figma Tutorial
Переглядів 4744 місяці тому
Create A Responsive Table For An Admin Dashboard - Figma Tutorial
Figma tutorials: Design a landing page with incredible animated sliders in figma.
Переглядів 1664 місяці тому
Figma tutorials: Design a landing page with incredible animated sliders in figma.
Figma tutorial: Text animation in figma
Переглядів 3244 місяці тому
Figma tutorial: Text animation in figma
Figma tutorial: How to create a stunning website ui in figma.
Переглядів 1,8 тис.5 місяців тому
Figma tutorial: How to create a stunning website ui in figma.
Figma tutorial - figma buttons animation.
Переглядів 4605 місяців тому
Figma tutorial - figma buttons animation.
Dashboard Ui Design In Figma: Step-by-step Guide
Переглядів 8 тис.5 місяців тому
Dashboard Ui Design In Figma: Step-by-step Guide
Figma tutorial : how to add a transparent effect of ur design.
Переглядів 1685 місяців тому
Figma tutorial : how to add a transparent effect of ur design.
Master Figma Mobile App Design In 2024: Step-by-step Tutorial
Переглядів 14 тис.5 місяців тому
Master Figma Mobile App Design In 2024: Step-by-step Tutorial
Design a professional website UI with animations in figma - Figma tutorial
Переглядів 3 тис.6 місяців тому
Design a professional website UI with animations in figma - Figma tutorial
Buttons design system figma
Переглядів 3786 місяців тому
Buttons design system figma
How to use grid in figma.
Переглядів 2776 місяців тому
How to use grid in figma.
How to create components in figma
Переглядів 3126 місяців тому
How to create components in figma
Figma Beginner course - Creating a landing page
Переглядів 6266 місяців тому
Figma Beginner course - Creating a landing page
Components and variants in figma- Beginners (2024 UI UX Design) Day 6
Переглядів 4256 місяців тому
Components and variants in figma- Beginners (2024 UI UX Design) Day 6
Components in figma - Beginners (2024 UI UX Design) Day 5
Переглядів 7966 місяців тому
Components in figma - Beginners (2024 UI UX Design) Day 5
Auto layout in figma (2024 UI UX Design) Day #4
Переглядів 2,9 тис.6 місяців тому
Auto layout in figma (2024 UI UX Design) Day #4
Figma beginners course (2024 UI UX Design) Day 3
Переглядів 1786 місяців тому
Figma beginners course (2024 UI UX Design) Day 3
Mastering Figma in 10 Days: Shapes and their properties (2024 UI UX Design) Day 2
Переглядів 2356 місяців тому
Mastering Figma in 10 Days: Shapes and their properties (2024 UI UX Design) Day 2

КОМЕНТАРІ

  • @saradia9263
    @saradia9263 День тому

    Would you please make another video about prototyping this app ? I think it would be so useful. Thank you again

    • @icodeng
      @icodeng День тому

      Thank you for your feedback, I will find time to create work on it.

  • @YASMEENYasmin-o2g
    @YASMEENYasmin-o2g 3 дні тому

    Please upload more amazing and advance tutorials. Thank You! These videos are really great to learn.

    • @icodeng
      @icodeng 2 дні тому

      Thank you for the feedback.

  • @indie_war
    @indie_war 3 дні тому

    learnt a lot from this video

    • @icodeng
      @icodeng 2 дні тому

      I'm happy u did.

  • @indie_war
    @indie_war 3 дні тому

    nice one bro do more like this 💪🏿💪🏿💪🏿💪🏿💪🏿💪🏿

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

    How long does it usually take to get access after entering the waitlist?

    • @icodeng
      @icodeng 2 дні тому

      Currently only few persons have access to the features. I really can’t tell how long it will take.

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

    Appreciable, but there is no image in page 1 of community file..

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

      Thank you for your feedback. The image has been added.

  • @saradia9263
    @saradia9263 10 днів тому

    ULTIMATE HELPFULNESS

  • @keepsmile3142
    @keepsmile3142 10 днів тому

    Is it free?

    • @icodeng
      @icodeng 10 днів тому

      @@keepsmile3142 yes, u just need to sign up.

  • @saradia5989
    @saradia5989 11 днів тому

    very helpful ^^

  • @sebgendt347
    @sebgendt347 11 днів тому

    Nice

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

    Hey Buddy! I just love your channel and the contents you make! Can't appreciate enough what you've taught me. I learned so manyy things and applying on my everyday design tasks! Highly appreciated buddy. Most underrated channel ever I guess! Keep it up! ✨

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

      Thank you, I really appreciate your feedback.

  • @gabriel.cavalcante
    @gabriel.cavalcante 16 днів тому

    I had no idea how to use components until I watched this video. You covered everything I needed to know. Thanks brother!

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

      You are welcome

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

    great

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

    Bro I need direct mentorship from you please

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

      Ok, no problem. Send me a message on instagram

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

      Link and name on Instagram

    • @icodeng
      @icodeng 20 днів тому

      @web3educator738 open the profile on the UA-cam all the links to socials are there. 👍👍

  • @phillegg15
    @phillegg15 27 днів тому

    Such a good tutorial - thanks very much and looking forward to watching more of your stuff

  • @DevPalliSri
    @DevPalliSri 29 днів тому

    Great Tutorial. Thank you. Small Doubt : Why did you use Instance swap property + boolean on component at 9:45, while for same functionality you haven't used instance swap but only boolean at 1:00:21. What is the differences. Kindly reply.

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

      The instance swap allows us to change the icons easily and the Boolean property allows us to toggle the visibility of an item to either true (item will be displayed on the screen) or false which will hide the item from the screen.

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

    But that responsive ness is not working when we select the mobile frames

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

      The bento grid is responsive for just desktop screens

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

    Nice one bro, I focus more on coding for now but I’m still with Figma everyday.

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

      I will start creating coding content do well to subscribe. 🙏🙏

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

      @@icodeng Sure we re together bro.

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

    there is no space shown in my figma after save local copy and the in open in figma also

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

      This is only use to check the space between items while working.

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

    This video is so insightful Thank you 🙏

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

      You are welcome.

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

    I subscribe u

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

      Thank you

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

    Wow, so good! Thank you :)

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

      Thank you.

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

    Thanks for your video

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

      You r welcome

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

    thannnnnnnnnnnnnnnnks bro

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

      You are welcome.

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

    Awesome stuff sir❤

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

      Thank you

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

    Thank. I need long tutorial video to create 4 or 5 pages for mobile application

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

      I will look into that, for now check out this video. Master Figma Mobile App Design In 2024: Step-by-step Tutorial ua-cam.com/video/meSGy1eh1p4/v-deo.html

  • @IzzatiKhairunnisa-td6nv
    @IzzatiKhairunnisa-td6nv Місяць тому

    hi hi, i've followed your step but i think mine is not working when i scroll down the page (it not changed). but if i hover outside the prototype (such as at the "share prototype button"), then it will change into the coloured one :(

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

      Check the prototype settings and make sure u r using mouse leave and mouse enter. From you comment it seems u r using hover. Your can start watching from 3:00

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

    Muito bem explicado. Gostei!

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

      You are welcome.

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

    The link is not touchable. 😢

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

      How to create responsive design in figma using variables 2023 and mode. ua-cam.com/video/ovq3JHqAWaI/v-deo.html

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

      @@icodeng, thank you very much!

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

    Best channel to learn

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

      Thank you 🙏

  • @user-emfarsis
    @user-emfarsis Місяць тому

    hello sir, thank you for the tutorial. please i need help, I can find my icons under the Assets

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

      I will check the asset file and get back to you.

    • @user-emfarsis
      @user-emfarsis Місяць тому

      @@icodeng Thank you sir

    • @user-emfarsis
      @user-emfarsis Місяць тому

      @@icodeng good day sir, please are you able to check the asset file? still waiting for your feedback.

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

      @user-emfarsis sorry for the delay www.figma.com/community/file/1327267000691885316 once u open the file click on the second page seedoc. Start watching from 0:50 to see how to copy the resources when u open the link.

    • @user-emfarsis
      @user-emfarsis Місяць тому

      @@icodeng thank you

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

    Hi do you on how to animate a variant while scrolling? Like a top section component to animate while you scroll the body of the design if you know what I mean

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

      Yes, it can be achieved using the mouse enter click event. I will find time to create a tutorial on that.

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

      Check this tutorial, and how we use the mouse event it should give u an idea. Create A Sleek Navbar With Seamless Scrolling: Fixed And Dynamic Prototyping In Figma Ui Design ua-cam.com/video/hf71JfkKDIw/v-deo.html

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

      Ok thanks a lot, I would check it out tomorrow. My head is hot 😅

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

      @MrDestinyproduction 😂😂 ok

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

    thanks 🔥🔥🔥

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

      You are welcome.

  • @JoyEmmanuel-iv3kw
    @JoyEmmanuel-iv3kw Місяць тому

    Hi Icodeng, I'm finding it difficult locating the fill container feature.

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

      Indicate the time frame so I can help.

  • @user-jz2sn4cc2s
    @user-jz2sn4cc2s 2 місяці тому

    Allah bless us all

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

    Always helpful

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

      Thank you for your feedback.

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

      @@icodeng welcome 🤗

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

      @tanveerali8073 instagram.com/aarondioo/

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

    Mm there’s something wrong when I add an icon on properties it’s not seen why ? 10:01

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

      Try and convert the icon to a component.

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

    Hi icodeng Please where do you get your icons from and is it monthly subscription?

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

      The name of the icon pack is vuesax, use this link to duplicate it www.figma.com/design/qhqcnHhm301x0S33hYecdN/Vuesax-Icons-(Community)?node-id=201%3A7257&t=IxyEPhuMVJTqSHEl-1

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

      Thank you very much!

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

      You are welcome.

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

    Wow just what I have been looking for thank you sir this have been very helpful ❤

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

      You are welcome.

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

    I just need to let you know that I appreciate your videos and Ive learnt a great deal from your videos. Keep it up. Thank you so much.

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

      You are welcome.

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

    Thank you 🙏

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

      You’re welcome

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

    Awesome video.. God bless you

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

    Well done bro need more peeps like you. to the point video loved that

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

      Thank you.

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

    I need a good designer to design a mobile app. Someone with experience and good taste.

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

      Thank you for reaching out, you can schedule a meeting using this link. calendly.com/dikaaron33/30min

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

    Whenever I’m in your page, I feel like I can learn everything I need just in one channel

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

      Thank you

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

    awesome. mind blowing!🤩

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

      Thank you

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

    not at all working the input field bottom and top lines are jumping while testing tried this many times but doesn't work only

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

      The problem is coming from your constraints.

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

      @@icodeng i did it according to the video only

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

    great ...

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

      Thank you

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

    Thank you sir 💯🙌

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

      You are welcome.

  • @JL-ky5ev
    @JL-ky5ev 2 місяці тому

    Straight to the point.Thank you

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

      You are welcome