Тёмный

Figma tutorial:- Interactive Login/SignUp Page Design in figma 

Vidscape Code
Подписаться 7 тыс.
Просмотров 12 тыс.
50% 1

Interactive login/signup form design in figma, login and registration form in figma, sign up page in figma, figma login page design, input field interaction figma, login form design figma, login signup page in figma
Hey there, welcome to my channel! In this video, I'll guide you through the process of designing an interactive login/signup form using Figma. Whether you're a beginner or an experienced designer, you'll learn valuable techniques to create sleek and user-friendly forms that enhance the user experience.
So, why Figma? Well, Figma is a powerful design tool that allows for collaborative and efficient design processes. Plus, its intuitive interface makes it perfect for designers of all skill levels. In this tutorial, I'll guide you step by step through the process of designing a sleek and functional form that will leave your users impressed.
From selecting the perfect color palette to choosing the right typography, we'll cover all the essential design principles. But we won't stop there! We'll also dive into the nitty-gritty details of adding interactive elements such as hover effects, transitions, and more to bring our form to life.
Whether you're looking to hone your design skills, explore new techniques, or simply unleash your creativity, this video has something for everyone. So grab your coffee, fire up Figma, and let's create something amazing together. Let's dive in and transform your designs into immersive experiences!
If you have any suggestions for improving the design don't forget to comment below
Like 👍| Comment 👇 | Subscribe 🙏
‪@VidscapeCode‬
My Favorite Book for Ux Design
Laws of UX:- amzn.to/4bs3Tqp
Image file:- drive.google.com/drive/folder...
let's Connected:-
Instagram: / vidscape_code
LinkedIn: / roushan-sharma-51a032202
My affiliate links:-
Note:- If you purchase anythig from here it will be a small help to me
Laptop :-amzn.to/3UuFg6j
Mouse:- amzn.to/49pcPer
keyboard:- amzn.to/3upf82i
Stand:- amzn.to/3SzxYvG
Tabs:- amzn.to/487VIge
Hire Freelancer from fiverr:-
video editing:- bit.ly/3OxIja8
logo designer:- bit.ly/3w2bHik
UxUi Designer:- bit.ly/49sedgh
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...
Tags:-
#figmatutorial #figma #webdesign
#uiuxdesign #designprocess #userexperience #creativedesign
#websitedevelopment #digitaldesign #designinspiration #uiuxdesigner #landingpage #figmaforbeginners #figmadesign #figmaanimation
Music
Song: Emberlyn - Serenity
Music provided by Vlog No Copyright Music.
Video Link: bit.ly/3tDASGJ

Опубликовано:

 

14 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 22   
@VidscapeCode
@VidscapeCode 2 месяца назад
My Favorite Book for Ux Design Laws of UX:- amzn.to/4bs3Tqp
@90GKITCHEN
@90GKITCHEN Месяц назад
Which plugin did you use to get flowers pot
@hariss99
@hariss99 Месяц назад
Love watching your videos, it's easy to learn😄
@GYROMASTERYT
@GYROMASTERYT 2 месяца назад
Thanks for helping sir 🤠🙏 To learn figma
@akashahmed9313
@akashahmed9313 2 месяца назад
Awesome ❤
@lovindigital
@lovindigital Месяц назад
The best
@oshadawarnath
@oshadawarnath Месяц назад
thanks
@thavasirajabala8173
@thavasirajabala8173 Месяц назад
How export figma design to real website
@SunilKumar-vj2jd
@SunilKumar-vj2jd Месяц назад
Bro please put one video on how to convert the figma design to website
@thevishwa__9935
@thevishwa__9935 Месяц назад
10:43 animation key?
@moviesclips8470
@moviesclips8470 Месяц назад
Sir how did you do that at 10:40
@VidscapeCode
@VidscapeCode Месяц назад
Duplicate the frame ctr+D and change the position of the image and text
@moviesclips8470
@moviesclips8470 Месяц назад
@@VidscapeCode actually yes I did duplicate but I didn't know how to do that animation, from where that red line came ? How to do that animation at 10:44 ? Please teach me
@thevishwa__9935
@thevishwa__9935 Месяц назад
​Yes I also got a stuck in that portion.please tell, how you done the animation@@moviesclips8470
@ceowadz7
@ceowadz7 25 дней назад
10:43??
@KatsumiPlayZ
@KatsumiPlayZ Месяц назад
7:27 how to do that?
@VidscapeCode
@VidscapeCode Месяц назад
Just connect one another so it can animate as shown in the video 7:27 and fill in the input
@darkrepbregdar9162
@darkrepbregdar9162 Месяц назад
What happened at 10:40?
@moviesclips8470
@moviesclips8470 Месяц назад
Exactly, same question
@VidscapeCode
@VidscapeCode Месяц назад
Duplicate the frame ctr+D and change the position of the image and text
@KatsumiPlayZ
@KatsumiPlayZ Месяц назад
Bro, at least give me the buttons to press to open a setting because for beginners, no one knows how
@VidscapeCode
@VidscapeCode Месяц назад
7:27 prototype settings automatically popup when you connect to other frames
Далее
Top 2024 Web Design Trends
5:32
Просмотров 515 тыс.
Best father #shorts by Secret Vlog
00:18
Просмотров 17 млн
🎙️А не СПЕТЬ ли мне ПЕСНЮ?
3:12:39
Figma to Webflow | Плагин
20:56
Просмотров 5 тыс.
Figma vs Adobe XD: What's the Difference?
5:05
Просмотров 3,1 тыс.
If I started UI/UX Design in 2024, I'd Do This!
8:22
Просмотров 211 тыс.
Landing Page Ui Design in Figma - 3D Carousel Slider
16:16
Figma Tutorial: Swipe Animation/Prototyping Tutorial
14:56
Parallax Scroll effect - Figma Tutorial
23:53
Просмотров 15 тыс.