uxiva designs
uxiva designs
  • 79
  • 116 270
How to create a login page using Figma | Christmas Login Page Tutorial using Figma | Figma Tutorial
In this Figma tutorial for beginners, you will learn how to design a beautiful and functional UI login page using Figma. Follow along as we go step-by-step through the design process, including creating a new Figma project, setting up our artboards, designing the login form and buttons, and adding colors and typography to create a polished and professional design. By the end of this tutorial, you will have a solid understanding of how to design UI in Figma and be able to create your own login pages and other UI designs using this powerful tool. Improve your UI design skills with this comprehensive Figma tutorial and create visually stunning login pages that will delight your users.
UI Login Page Design Figma Tutorial, UI Design Figma Tutorial, Figma Tutorial for Beginners, UI Design Figma, How to Create a Login Page using Figma, Login Page UI Design Figma, Figma UI Design Tutorial, Figma Login Page Design Tutorial, Figma Tutorial Login Page, Figma Tutorial for UI Design, Figma Tutorial for Login Page Design, Figma Tutorial for UI Login Page Design, Figma Tutorial for UI Login Page Design for Beginners, Figma Tutorial for UI
มุมมอง: 48

วีดีโอ

After Effects Inspiration: Traveller Chair Animation Breakdown from Behance
มุมมอง 312 หลายเดือนก่อน
Welcome to the first episode of my new After Effects Inspiration series! 🚀 In this video, we're diving into the incredible 'Traveller Chair' animation project from Behance, created by the talented team at Bread and Butter Studio Studio Ourshack. This project showcases how motion design can transform everyday products into immersive visual experiences. We'll break down the creative direction, st...
Insane Websites Every beginner UI/UX Designer should Know! | Part 2 | | Figma | UI UX | #figma
มุมมอง 332 หลายเดือนก่อน
Welcome to Part 2 of the Insane Websites for Designers series! 🌟 We’re back with more mind-blowing tools and resources designed to elevate your design workflow. Whether you're into UI/UX, web design, or looking for fresh inspiration, these websites will take your creativity and projects to the next level. Today’s featured websites include: todays.design/ - A fresh source of daily design inspira...
Insane Websites Every beginner UI/UX Designer should Know! | Part 1 | | Figma | UI UX | #figma
มุมมอง 533 หลายเดือนก่อน
Welcome to Part 1 of the Insane Websites for Designers series! 🚀 Whether you're a UI/UX designer, graphic designer, or freelancer, I've curated six mind-blowing websites that will take your workflow to the next level. These tools and resources are essential for any designer looking to boost creativity and streamline projects. In today’s video, we’ll explore: 1. www.freelancethings.co/ - The ult...
Day 10: How to Create Circular Text in Figma: Simple Tutorial
มุมมอง 3775 หลายเดือนก่อน
Welcome to Day 10 of the 🎨 100 Days of UI Design Challenge 🌟 by Uxiva Designs! In today's tutorial, we'll create a captivating animated rotating circular text effect in Figma. 📌 What You'll Learn: How to design animated rotating circular text in Figma Key UI/UX principles for animated text design Techniques to enhance visual appeal and user engagement Join us as we walk you through the design p...
Create a Text Input field Component With an ANIMATED Floating Label Tutorial | Material UI component
มุมมอง 3925 หลายเดือนก่อน
Today, we're diving into Figma's interactive component and prototyping capabilities with a focus on crafting a dynamic material design text input form field. This tutorial will guide you through the creation of a form field featuring a movable label activated by clicks, a blinking cursor, and a hover state for added interactivity. You'll learn how to effortlessly customize the label and field c...
Day 9: Designing a Forgot Password Popup UI | 100 Days of UI Design Challenge | Daily UI 04 | Figma
มุมมอง 1505 หลายเดือนก่อน
Welcome to Day 9 of the 🎨 100 Days of UI Design Challenge 🌟 by Uxiva Designs! In today's tutorial, we'll design an intuitive and user-friendly forgot password popup UI. 📌 What You'll Learn: How to design an effective forgot password popup Key UI/UX principles for password recovery interfaces Techniques to enhance user experience and security Join us as we guide you through the design process us...
Day 8: Designing a Button Component UI | 100 Days of UI Design Challenge | Daily UI 04 | Figma | UX
มุมมอง 775 หลายเดือนก่อน
Welcome to Day 8 of the 🎨 100 Days of UI Design Challenge 🌟 by Uxiva Designs! In today's tutorial, we'll create a versatile and stylish button component UI. 📌 What You'll Learn: How to design a functional and attractive button component Key UI/UX principles for button design Techniques to enhance usability and visual appeal Follow along as we walk you through the design process using Figma, pro...
Designing a Juice Website UI in Figma | how to design Website in Figma | UX #figma
มุมมอง 715 หลายเดือนก่อน
Welcome to another exciting tutorial by Uxiva Designs! In today's video, we'll be designing a vibrant and user-friendly juice website UI using Figma. 📌 What You'll Learn: How to design an appealing juice website interface Key UI/UX principles for food and beverage websites Techniques to create engaging visuals and layouts Join us as we guide you through the design process step-by-step, offering...
Day 7: Designing a Site Under Construction UI | 100 Days of UI Design Challenge
มุมมอง 495 หลายเดือนก่อน
Video Description: Welcome to Day 7 of the 🎨 100 Days of UI Design Challenge 🌟 by Uxiva Designs! In today's tutorial, we'll design a creative and engaging site under construction UI. 📌 What You'll Learn: - How to design an attractive site under construction interface - Key UI/UX principles for maintenance pages - Techniques to keep users informed and engaged Join us as we guide you through the ...
Day 6: Designing a Task Settings UI | 100 Days of UI Design Challenge | Daily UI 04 | Figma | UI UX
มุมมอง 595 หลายเดือนก่อน
Welcome to Day 6 of the 🎨 100 Days of UI Design Challenge 🌟 by Uxiva Designs! In today's tutorial, we'll be designing a comprehensive and user-friendly task settings UI. 📌 What You'll Learn: How to design an intuitive task settings interface Key UI/UX principles for task management settings Techniques to enhance user customization and experience Follow along as we walk you through the design pr...
Day 5: Designing an AI-Styled Button | 100 Days of UI Design Challenge | Daily UI 05 | Figma | UI UX
มุมมอง 685 หลายเดือนก่อน
Day 5: Designing an AI-Styled Button | 100 Days of UI Design Challenge | Daily UI 05 | Figma | UI UX
Day 4: Designing a To Do List UI | 100 Days of UI Design Challenge | Daily UI 04 | Figma | UI UX
มุมมอง 1045 หลายเดือนก่อน
Day 4: Designing a To Do List UI | 100 Days of UI Design Challenge | Daily UI 04 | Figma | UI UX
Day 3: Designing a Pagination UI | 100 Days of UI Design Challenge | Daily UI 03 | Figma | UI UX
มุมมอง 1105 หลายเดือนก่อน
Day 3: Designing a Pagination UI | 100 Days of UI Design Challenge | Daily UI 03 | Figma | UI UX
Day 2: Designing a Share file UI | 100 Days of UI Design Challenge | Daily UI 02 | Figma | UI UX
มุมมอง 855 หลายเดือนก่อน
Day 2: Designing a Share file UI | 100 Days of UI Design Challenge | Daily UI 02 | Figma | UI UX
Day 1: Designing a Comment Box UI | 100 Days of UI Design Challenge | Daily UI 01 | Figma | UI UX
มุมมอง 1735 หลายเดือนก่อน
Day 1: Designing a Comment Box UI | 100 Days of UI Design Challenge | Daily UI 01 | Figma | UI UX
Create a DROPDOWN MENU in Figma (Tutorial)
มุมมอง 8925 หลายเดือนก่อน
Create a DROPDOWN MENU in Figma (Tutorial)
Is Figma Dead? - Mitiff Design Tool for AI Era Figma Alternative
มุมมอง 1705 หลายเดือนก่อน
Is Figma Dead? - Mitiff Design Tool for AI Era Figma Alternative
Top UI/UX Designer Interview Questions & Answers For 2024 | UI/UX Interview Questions | Uxiva Design
มุมมอง 2365 หลายเดือนก่อน
Top UI/UX Designer Interview Questions & Answers For 2024 | UI/UX Interview Questions | Uxiva Design
Universal design, inclusive design, and equity-focused design | Foundations of User Experience (UX)
มุมมอง 1389 หลายเดือนก่อน
Universal design, inclusive design, and equity-focused design | Foundations of User Experience (UX)
how to create toggle button in figma #Figma #DesignTutorial
มุมมอง 8279 หลายเดือนก่อน
how to create toggle button in figma #Figma #DesignTutorial
Welcome to week 2 | Foundations of User Experience (UX) course | Google
มุมมอง 609 หลายเดือนก่อน
Welcome to week 2 | Foundations of User Experience (UX) course | Google
Wrap-up: Introducing user experience design | Foundations of User Experience (UX) course | Google
มุมมอง 459 หลายเดือนก่อน
Wrap-up: Introducing user experience design | Foundations of User Experience (UX) course | Google
A UX design career journey - Mike | Foundations of User Experience (UX) course | Google
มุมมอง 589 หลายเดือนก่อน
A UX design career journey - Mike | Foundations of User Experience (UX) course | Google
A UX design career journey - Juan | Foundations of User Experience (UX) course | Google
มุมมอง 609 หลายเดือนก่อน
A UX design career journey - Juan | Foundations of User Experience (UX) course | Google
From certificate to career success | Foundations of User Experience (UX) course | Google
มุมมอง 1259 หลายเดือนก่อน
From certificate to career success | Foundations of User Experience (UX) course | Google
Create a Text Input field Component With an ANIMATED Floating Label (Figma Tutorial) | UI | #figma
มุมมอง 75K9 หลายเดือนก่อน
Create a Text Input field Component With an ANIMATED Floating Label (Figma Tutorial) | UI | #figma
Design Inspiration: YouTube - Redesign | ui/ux design examples | Figma | UI UX | Casestudy | Figma
มุมมอง 809 หลายเดือนก่อน
Design Inspiration: TH-cam - Redesign | ui/ux design examples | Figma | UI UX | Casestudy | Figma
Design Inspiration: Owncap - Personal Finance | ui/ux design examples | Figma | UI UX | Casestudy
มุมมอง 749 หลายเดือนก่อน
Design Inspiration: Owncap - Personal Finance | ui/ux design examples | Figma | UI UX | Casestudy
Design Inspiration: SwiftWash - Elevating Laundry Experience | ui/ux design examples | Figma | App
มุมมอง 1349 หลายเดือนก่อน
Design Inspiration: SwiftWash - Elevating Laundry Experience | ui/ux design examples | Figma | App

ความคิดเห็น

  • @diala.mrj09
    @diala.mrj09 11 วันที่ผ่านมา

    Thank you for this Great Tutorial! My Problem is that when i Click on the arrow to Open up a question, the other questions underneath don’t Move down, so the answer is behind them. Any idea hoe to solche that Problem ?

    • @uxivadesigns
      @uxivadesigns 7 วันที่ผ่านมา

      You're welcome! I'm glad you found the tutorial helpful. Regarding your issue, it sounds like the stacking or auto-layout settings might not be configured properly. Here's how you can fix it in Figma: 1. Use Auto Layout for the Accordion Container: Ensure the FAQ accordion is inside a frame with Auto Layout enabled. This will automatically adjust the spacing when an element expands or collapses. 2. Set Proper Constraints: For the text fields or components inside each accordion item, set their constraints to be flexible so they can expand when needed. 3. Spacing Settings: In Auto Layout settings, ensure there’s enough vertical spacing between the items. This will ensure other questions move down when one expands. 4. Collapse Behavior: If you're using prototypes in Figma, ensure that the collapsed and expanded states are properly linked in the prototype interactions. Let me know if this helps! If you need more assistance, feel free to connect with me on Instagram at @uxiva_designs. 😊

  • @TechPrimz
    @TechPrimz 18 วันที่ผ่านมา

    Good One

  • @VijayPatil-m2y
    @VijayPatil-m2y 19 วันที่ผ่านมา

    awesome designs👍

  • @antarakarmakar2928
    @antarakarmakar2928 หลายเดือนก่อน

    Thank you so much for sharing this...I'm working on a project currently...this tutorial is a real life saver...❤

  • @MayGAMES_official
    @MayGAMES_official หลายเดือนก่อน

    please, make Day 10, i wait 😀

  • @managha5528
    @managha5528 หลายเดือนก่อน

    I would like to learn the animations shown in the welcome screen of this video.😃 It looks so cool!

  • @chanthornkim4784
    @chanthornkim4784 หลายเดือนก่อน

    if you apply this textbox in the gradient background, the text label background is weirdly visible. any idea how to fix it?

  • @minimotion-7
    @minimotion-7 2 หลายเดือนก่อน

  • @surajranjane258
    @surajranjane258 2 หลายเดือนก่อน

  • @vijaypatil2124
    @vijaypatil2124 2 หลายเดือนก่อน

    🙌

  • @minimotion-7
    @minimotion-7 2 หลายเดือนก่อน

  • @snehraj-q8w
    @snehraj-q8w 3 หลายเดือนก่อน

  • @TheFramingroom
    @TheFramingroom 3 หลายเดือนก่อน

    ❤❤🎉

  • @minimotion-7
    @minimotion-7 3 หลายเดือนก่อน

    ❤🎉

  • @surajranjane258
    @surajranjane258 3 หลายเดือนก่อน

    ❤❤❤

  • @Nyame-Studios-BOURNEMOUTH
    @Nyame-Studios-BOURNEMOUTH 3 หลายเดือนก่อน

    nice

  • @Nyame-Studios-BOURNEMOUTH
    @Nyame-Studios-BOURNEMOUTH 3 หลายเดือนก่อน

    Nice

  • @chbikbehi4462
    @chbikbehi4462 3 หลายเดือนก่อน

    but how can i go back to default after i click anywhere else

  • @apoorvivishnoi2160
    @apoorvivishnoi2160 3 หลายเดือนก่อน

    the option of making "Enter your name" frame into absolute object is not there after the July update what to do? at 1:40

    • @chiazokamchibikem8964
      @chiazokamchibikem8964 2 หลายเดือนก่อน

      I think there is another way, the option they currently have says, "Ignore Layout" or something like that

  • @Dziamero
    @Dziamero 4 หลายเดือนก่อน

    In my opinion, it would be better to fill the field with letters than to simply spin the mouse!

  • @soryyos3355
    @soryyos3355 4 หลายเดือนก่อน

    but this isnt taking text as input from user ur just makin it appear like that

    • @uxivadesigns
      @uxivadesigns 4 หลายเดือนก่อน

      This is a prototype where the user can see how input will act. Ex Material UI input field

  • @ummkulthumkekere_ekun5563
    @ummkulthumkekere_ekun5563 4 หลายเดือนก่อน

    How did you Put the second enter your name up

  • @SAKSHIRAI-ev7if
    @SAKSHIRAI-ev7if 5 หลายเดือนก่อน

    could you please design a dog meme theme login page

    • @uxivadesigns
      @uxivadesigns 5 หลายเดือนก่อน

      Sure 😊

  • @mohamedsikaid9619
    @mohamedsikaid9619 5 หลายเดือนก่อน

    But u can't input your name right ? Its just animations!!! How can i do it like this but with a real input name ?

    • @uxivadesigns
      @uxivadesigns 5 หลายเดือนก่อน

      This is just an animation I will post a video on how we can use actual text.

  • @surajranjane258
    @surajranjane258 5 หลายเดือนก่อน

  • @namithasshetty7788
    @namithasshetty7788 5 หลายเดือนก่อน

    Can anybody explain what happened at 2:27 please?

    • @uxivadesigns
      @uxivadesigns 5 หลายเดือนก่อน

      To create the typing vertical line effect, we create a vertical line component with 100% and 0% opacity. We then prototype it with a delay and place this component in the input field.

  • @TheFramingroom
    @TheFramingroom 5 หลายเดือนก่อน

    ❤❤❤

  • @minimotion-7
    @minimotion-7 5 หลายเดือนก่อน

    ❤❤❤

  • @surajranjane258
    @surajranjane258 5 หลายเดือนก่อน

  • @surajranjane258
    @surajranjane258 5 หลายเดือนก่อน

    ❤❤❤

  • @Cleitorcedor
    @Cleitorcedor 5 หลายเดือนก่อน

    (pt-br) Parabéns pelo trabalho!

  • @minimotion-7
    @minimotion-7 5 หลายเดือนก่อน

    ❤❤❤

  • @TheFramingroom
    @TheFramingroom 5 หลายเดือนก่อน

    ❤❤❤

  • @SurajRanjane-i5b
    @SurajRanjane-i5b 5 หลายเดือนก่อน

    ❤❤❤

  • @surajranjane258
    @surajranjane258 5 หลายเดือนก่อน

    ❤❤❤

  • @chanmyudawela2266
    @chanmyudawela2266 5 หลายเดือนก่อน

    Thanks, easy to follow.

    • @uxivadesigns
      @uxivadesigns 5 หลายเดือนก่อน

      Subscribe and share also

  • @minimotion-7
    @minimotion-7 5 หลายเดือนก่อน

    ❤❤❤

  • @TheFramingroom
    @TheFramingroom 5 หลายเดือนก่อน

    ❤❤❤

  • @surajranjane258
    @surajranjane258 5 หลายเดือนก่อน

    ❤❤❤

  • @TheFramingroom
    @TheFramingroom 5 หลายเดือนก่อน

    ❤❤❤

  • @minimotion-7
    @minimotion-7 5 หลายเดือนก่อน

    ❤❤❤

  • @minimotion-7
    @minimotion-7 5 หลายเดือนก่อน

  • @TheFramingroom
    @TheFramingroom 5 หลายเดือนก่อน

  • @minimotion-7
    @minimotion-7 5 หลายเดือนก่อน

  • @surajranjane258
    @surajranjane258 5 หลายเดือนก่อน

  • @minimotion-7
    @minimotion-7 5 หลายเดือนก่อน

  • @SurajRanjane-i5b
    @SurajRanjane-i5b 5 หลายเดือนก่อน

    ❤❤

  • @snehraj-q8w
    @snehraj-q8w 5 หลายเดือนก่อน

  • @surajranjane258
    @surajranjane258 5 หลายเดือนก่อน

  • @TheFramingroom
    @TheFramingroom 5 หลายเดือนก่อน