Nice Please do you have a tutorial on how to create Duolingo button style in Figma or is it a feature implemented solely in development. The button style I'm talking about is that whenever you click on any button it goes down and springs back up like an actual button (on maybe a remote)
@@tulsiindesign Hey, I have completed my 12th, now I want to start UX/UI course but I don't know how to start, please can you tell me all about it can I start directly after 12th Or do I need a degree first, if so then which degree should I do...?
@@joxxyyzThe bottom will need to be put in a frame without auto layout, a button shape placed beneath it. Set the default state, hover state and the pressing or focused state. For the focused state, move the bottom down by 2 or three pixels. You should get the keyboard effect.
Looks good! I personally don’t like longer copy/microcopy center justified. This point is very nit picky. Another thing I’ve grown to loathe is yellow based color palettes. With yellow in particular, if it complies with contrast criteria, it probably looks like dudu (literally). Orange isn’t any better as everything looks like it’s a Halloween themed ui kit. Color is sooo important. If you look at business using yellow, a lot of their ctas are going to be greyscale/black (system black not 000).
@@tulsiindesign so if we become only ui and ux designer. Is it enough? Or we should become developer also. What are the charges we can take for UI design or ux design?
Yes, it's just shape, which is used to indicate the process. Prototype are use to indicate how actual app will work, it is not yet coded. Hope this helps😇!
Ma'am where can we use this just UI design.Because there is no functionalities is in figma. If you're just designing UI can I export it for my application in Android studio for free or is there any big advantage in designing in figma. l am a beginner i Just don't know things. Plzz explain me out
Ui design can be created in any design tools like figma, adobe xd, sketch. These designs are used as an architecture to code 👩💻. Figma made it easy for developers to understand and export designs into code.
It's a prototype. You can't connect this to your backend because figma designs are just designs/mockups. If you want to implement it, you'll have to code and replicate it on your frontend, then only after you can connect it to your backend.
Hey! Hope you like this prototype. Share your thoughts in comments 😊
Want to know how I design this? visit here - ruclips.net/user/shortsFfufeM1wUZE
Nice
Please do you have a tutorial on how to create Duolingo button style in Figma or is it a feature implemented solely in development. The button style I'm talking about is that whenever you click on any button it goes down and springs back up like an actual button (on maybe a remote)
Hy! A programmer makes it. but you can share a prototype with your developer to show them how you want it.
@@tulsiindesignthanks
@@tulsiindesign
Hey,
I have completed my 12th, now I want to start UX/UI course but I don't know how to start, please can you tell me all about it can I start directly after 12th Or do I need a degree first, if so then which degree should I do...?
@@joxxyyzThe bottom will need to be put in a frame without auto layout, a button shape placed beneath it. Set the default state, hover state and the pressing or focused state.
For the focused state, move the bottom down by 2 or three pixels. You should get the keyboard effect.
fantastic work !!!!
That UI sends me back to early 2000's 😅
What. Smartphones DIDNT exist in the early 2000’s
@@ChavusGavusactually they did. Windows Mobile was popular with business folk. I myself had the Harrier a Windows Mobile 2003 phone.
whats the problem with u if he use 2000 UI?
@@ChavusGavus They did 💀. They had blackberries, Nokias and Palm phones. They also had windows mobile pda's, etc.
Can you explain how ? I’m studying UX/UI. Thanks
Why is no one talking about the fake notch😂?!
that was applied when he was designing with figma, everyone knows that dude😅
Add animations but overall nice job
Hmmm. Maybe blur the coffee beans background, there’s a little too much clashing there
Correct✅
I disagree
You are right
Neat work
sangat bermanfaat thankyou👏🏻
I loved it! You did a great job.
So beautiful, so elegant just looking like a wow, just looking like a woww
😂😂😂
please creat a full form start to end of your project design
I love the preloader
can you show us how you went start to finish , coding etc. interested in learning how to do authentication page
All the time I was like: ooh! ahhh! woahh! (this is srsly so cool)
So beautiful ❤❤
Thank you!
Wow so cool. Could kindly share the link to the project. I would love to try it out. And also some tips on how to make this kind of perfect design
In the description✨
looks great. I want to ask what the first movement is like
It's Nice🎉
Please make more......
That animation ❤
Keren bang,ajarin dong😮
Very nice 👍💕
Thank you! Cheers!
Did you made that intro logo animation with figma? If yes, can you please share a tutorial?
Logo animation is from Lottie Files plugin 🌱
@@tulsiindesign so this is gif? I thought It's natively done inside figma
Interesting way to do it. I don’t think you can do gif in Figma. But maybe gif to Lottie to make it easy?
@@tulsiindesigncould you please make a tutorial I'm really confused 😊😮
s@@scaxz_.go to her channel shorts and see the popular video which is 2nd
Looks good! I personally don’t like longer copy/microcopy center justified. This point is very nit picky. Another thing I’ve grown to loathe is yellow based color palettes. With yellow in particular, if it complies with contrast criteria, it probably looks like dudu (literally). Orange isn’t any better as everything looks like it’s a Halloween themed ui kit. Color is sooo important. If you look at business using yellow, a lot of their ctas are going to be greyscale/black (system black not 000).
Very good
Nice, how to make the splash screen animation?
Nice❤❤❤
Thank you!
Hello, how did you do the animate for the first screen?
To test it do you need to pass it through flutter?
Good Splash screen. I like it. You used any lotte files or you created components. If components may i know how you made, because it is so good.❤
Sure! You can watch it here - ruclips.net/user/shortsFfufeM1wUZE?feature=share
Hi can you make a playlist to teach figma
Regular classes available?
Not yet. I am preparing mega UI UX resource guide which might be helpfull!
@@tulsiindesign I recently hired a team and started working. Besides I'd love to learn too
Cool!!!
Mam which laptop you are using?
Do you need to code in figma? How you made this? Just design?
Wow ❤
How did you done 3d animation in figma??
Tutorial please
Already created it!
Whoa are you gonna make the app?
😅thé only thing i want is the splashcreen animation logo . Very good
You are so cool 😅
Can you tell me the software name in which you are running figma?
figma itself is a software, no need of anything other software. You can use it in web as well!
That full process make in figma or external with html and css ??
Hi! How do you create the "send a code" functionality"?
How much time takes it
Sir web design or development ek hi hoti h kya figma m ?. Mtlb payment option bhi add kr skte h?
it is design tool.
@@tulsiindesign so if we become only ui and ux designer. Is it enough? Or we should become developer also. What are the charges we can take for UI design or ux design?
yes UIUX designer is a different field than developers, Charges depends upon experience and skill. Hope that helped 🌱
So you make the keyboard number button for prototype only? Its just shape right? Not real button that can be click?
Yes, it's just shape, which is used to indicate the process. Prototype are use to indicate how actual app will work, it is not yet coded. Hope this helps😇!
how you creat the frist protype
the first animation was good
How you did starting animation
Hi. I would like to know how you went from the loading screen to the login screen without clicking.Thanks
Hy! With figma "delay" Prototype option you can do it. Hope this will help!
@@tulsiindesign Cool! Thanks :D
sweet. 😊
How did you do the animation
check in the description.✨
How did u do that animation pls tell that opening part
Did OTP came or just you have written over there
Waah. Teach me also.
How did you connect backend bro?
Sister apne kaha se ux designing sikha plz reply
As a Full stack Dev. Dev team ki lag gayi. 🤙🏼
Lit💥💥❤️🔥❤️🔥
Nice ❤
Glad you like it
What app are you using for challenge? Please
Hy, I am using figma to design these.
@@tulsiindesign I meant for the challenge contest 😊 btw being inspired watching you...
Ma'am where can we use this just UI design.Because there is no functionalities is in figma. If you're just designing UI can I export it for my application in Android studio for free or is there any big advantage in designing in figma. l am a beginner i Just don't know things. Plzz explain me out
Ui design can be created in any design tools like figma, adobe xd, sketch. These designs are used as an architecture to code 👩💻. Figma made it easy for developers to understand and export designs into code.
but how to export or download it as a video format
@@tulsiindesign
full tutorial i want
What's name of apps for making ui
Figma
Great ❤🎉
How to make the coffee like that?
Hy! It's a LottieFiles gif.
How to create coffee ☕ animation?
How do I use on my phone?
how you can export these figma files to android? please guide..
Which software you used?
figma
Jb m prototype video mobile m open kr rhi hu bhot slow chl rhi h. Can you please tell me the reason behind that?
May be it is because of network or maybe your prototype turns out very heavy.
How i create animations with this tool
Now imagine if you can implement function in it. Or convert this into front-end.
U can now
How did you do this animation of coffee mug?
tutorial in the description.
Dii How I learn figma Ui ux designing and get a job?
will share video soon!
How is that logo initially animated in figma, that is called trim path, how it's possible in figma
Any update??? 😂😂😂
@@mdshafqatullah4996 That is a GIF used in Figma. It's not possible using Figma animations.
How you make a animation in the first video
Wow
after making animation in figma how to export or download it as a video format
Lol, the fake camera 😂
Any tutorial how did you do that?
There is one in-fact, please go through my channel. It might be helpful for you :)
Bro how fo i export to get code gor html and css in figma please i need this
Consigo imprimir?
tutorial plz
Link 🔗 is in description
how to connect with this in backend
It's a prototype. You can't connect this to your backend because figma designs are just designs/mockups. If you want to implement it, you'll have to code and replicate it on your frontend, then only after you can connect it to your backend.
Why this looks like screen record. This is an android phone. But there is a notch like iphone 😅😂😂😂😂
Because it is screen recording 😂
Where do you find those 10% annual interst opportunities? Asking for a friend 😅
Front end developer : 😡🥵🥴🤯😵💫😵
Is that s10+
Plz provide me link
Why does it have yo for the iPhone
Software only provides iPhone display as a reference while designing apps.
@@Pakurwalaa oh ok
how to preview in mobile?
You can use Figma mirror feature using the Figma app. Hope it helps!
U should blur u r number before posting
Totorial
Hey how can i export my prototypes.....if anybody knows plz help me 😢. I want to export them with functions....and animation
Please share tutorial of this design.
Link in description!
Sir how to export our prototype project.
You can use prototype link 🔗 to share or paste in your projects (Behance). Hope that helped ✌ 😊
@@tulsiindesign Thanks
Now your number got leaked😂😭
No need have i phone for testing design
😲Wow
Suggest me, or make a video Best and cheap pc build for figma
Sure, upload soon