Figma | Testing Prototype with Figma Mirror |

Figma prototype screen on a coffee onboarding design. Follow for more!
Thank you for watching!
| Links
👉 To see the prototype tutorial see this : surl.li/jdauv
👉 Watch my other videos: surl.li/jbyjt
| Let's Connect!👇
Instagram: tulsiindesign
Linkedin: www.linkedin.com/in/tulsipatelofficial/
#shorts #figma #prototype #uidesign #uiux

Пікірлер: 152

  • @tulsiindesign
    @tulsiindesign Жыл бұрын

    Hey! Hope you like this prototype. Share your thoughts in comments 😊 Want to know how I design this? visit here - kzread.infoFfufeM1wUZE

  • @joxxyyz

    @joxxyyz

    9 ай бұрын

    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

    @tulsiindesign

    8 ай бұрын

    Hy! A programmer makes it. but you can share a prototype with your developer to show them how you want it.

  • @joxxyyz

    @joxxyyz

    8 ай бұрын

    ​@@tulsiindesignthanks

  • @GamingGuru20254

    @GamingGuru20254

    8 ай бұрын

    @@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...?

  • @vmorgan_io

    @vmorgan_io

    7 ай бұрын

    ​@@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.

  • @BrialMusic
    @BrialMusic4 ай бұрын

    That UI sends me back to early 2000's 😅

  • @ChavusGavus

    @ChavusGavus

    3 ай бұрын

    What. Smartphones DIDNT exist in the early 2000’s

  • @daniel_ryan

    @daniel_ryan

    3 ай бұрын

    ​​@@ChavusGavusactually they did. Windows Mobile was popular with business folk. I myself had the Harrier a Windows Mobile 2003 phone.

  • @Hrhp16

    @Hrhp16

    13 күн бұрын

    whats the problem with u if he use 2000 UI?

  • @quadrilateral7278

    @quadrilateral7278

    8 күн бұрын

    ​​​​@@ChavusGavus They did 💀. They had blackberries, Nokias and Palm phones. They also had windows mobile pda's, etc.

  • @cheetagaming8936
    @cheetagaming89367 ай бұрын

    So beautiful, so elegant just looking like a wow, just looking like a woww

  • @zainahamed_

    @zainahamed_

    13 күн бұрын

    😂😂😂

  • @WFCStickers
    @WFCStickers8 ай бұрын

    All the time I was like: ooh! ahhh! woahh! (this is srsly so cool)

  • @RoanCorporation
    @RoanCorporationАй бұрын

    fantastic work !!!!

  • @oladipoprevail6504
    @oladipoprevail65049 ай бұрын

    I love the preloader

  • @mihriiban
    @mihriiban5 ай бұрын

    I loved it! You did a great job.

  • @22.abhishekkamble76
    @22.abhishekkamble769 ай бұрын

    please creat a full form start to end of your project design

  • @UIdesignerwalaa
    @UIdesignerwalaa Жыл бұрын

    So beautiful ❤❤

  • @tulsiindesign

    @tulsiindesign

    Жыл бұрын

    Thank you!

  • @DUONGBDCPT-Vuinh
    @DUONGBDCPT-Vuinh4 ай бұрын

    looks great. I want to ask what the first movement is like

  • @sushantnamurte16
    @sushantnamurte169 ай бұрын

    It's Nice🎉 Please make more......

  • @heenaverma2313
    @heenaverma2313Ай бұрын

    That animation ❤

  • @realllity
    @realllity4 ай бұрын

    Add animations but overall nice job

  • @hasibgns
    @hasibgns8 ай бұрын

    Did you made that intro logo animation with figma? If yes, can you please share a tutorial?

  • @tulsiindesign

    @tulsiindesign

    8 ай бұрын

    Logo animation is from Lottie Files plugin 🌱

  • @hasibgns

    @hasibgns

    8 ай бұрын

    @@tulsiindesign so this is gif? I thought It's natively done inside figma

  • @pipochipo3332

    @pipochipo3332

    5 ай бұрын

    @@hasibgnsdownload that plugin in figma

  • @ClintHowen

    @ClintHowen

    2 ай бұрын

    Interesting way to do it. I don’t think you can do gif in Figma. But maybe gif to Lottie to make it easy?

  • @henocalao7375
    @henocalao7375Ай бұрын

    😅thé only thing i want is the splashcreen animation logo . Very good

  • @Rodrigo-sp3vw
    @Rodrigo-sp3vw3 ай бұрын

    To test it do you need to pass it through flutter?

  • @Demiurge.
    @Demiurge.9 ай бұрын

    Hmmm. Maybe blur the coffee beans background, there’s a little too much clashing there

  • @tulsiindesign

    @tulsiindesign

    9 ай бұрын

    Correct✅

  • @VenuGopal-xz6ey
    @VenuGopal-xz6eyАй бұрын

    How you did starting animation

  • @lazyinterface
    @lazyinterface2 ай бұрын

    Neat work

  • @SMMandTutorial
    @SMMandTutorial7 ай бұрын

    Very good

  • @myglobalyt
    @myglobalyt21 күн бұрын

    Do you need to code in figma? How you made this? Just design?

  • @pravinkumar4685
    @pravinkumar468510 ай бұрын

    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.❤

  • @tulsiindesign

    @tulsiindesign

    10 ай бұрын

    Sure! You can watch it here - kzread.infoFfufeM1wUZE?feature=share

  • @22.abhishekkamble76
    @22.abhishekkamble769 ай бұрын

    with prototype & design

  • @gouravchhari39
    @gouravchhari393 ай бұрын

    Hi can you make a playlist to teach figma

  • @knowledgefactz85
    @knowledgefactz855 ай бұрын

    after making animation in figma how to export or download it as a video format

  • @soldiergirlpoet
    @soldiergirlpoet3 ай бұрын

    Cool!!!

  • @lazerdrone6812
    @lazerdrone68123 ай бұрын

    Why does it have yo for the iPhone

  • @senthilpandian9437
    @senthilpandian9437Ай бұрын

    Lit💥💥❤️‍🔥❤️‍🔥

  • @BabyQ-xn1hr
    @BabyQ-xn1hr9 ай бұрын

    sweet. 😊

  • @arifsatriamustaqim4076
    @arifsatriamustaqim40769 ай бұрын

    How you make a animation in the first video

  • @The_Manish_yadav
    @The_Manish_yadav6 ай бұрын

    Sister apne kaha se ux designing sikha plz reply

  • @PiyushKumar-ey8ub
    @PiyushKumar-ey8ubАй бұрын

    how you can export these figma files to android? please guide..

  • @SubhashreeDesgin07
    @SubhashreeDesgin079 ай бұрын

    full tutorial i want

  • @Lorz
    @Lorz4 ай бұрын

    Why is no one talking about the fake notch😂?!

  • @user-zo1vh2hu8b
    @user-zo1vh2hu8b2 ай бұрын

    Wow ❤

  • @official_Jatin_Singh75
    @official_Jatin_Singh754 ай бұрын

    Very nice 👍💕

  • @tulsiindesign

    @tulsiindesign

    3 ай бұрын

    Thank you! Cheers!

  • @middlerboy7191
    @middlerboy71914 ай бұрын

    Mam which laptop you are using?

  • @uday9020
    @uday90203 ай бұрын

    How did you connect backend bro?

  • @sharonwaceke7226
    @sharonwaceke72266 ай бұрын

    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

  • @tulsiindesign

    @tulsiindesign

    6 ай бұрын

    In the description✨

  • @Madrid...Madrid...Hala_Madrid
    @Madrid...Madrid...Hala_MadridАй бұрын

    Lol, the fake camera 😂

  • @sachin3182
    @sachin31823 ай бұрын

    Flutter op

  • @rinkoizumi6411
    @rinkoizumi64119 ай бұрын

    So you make the keyboard number button for prototype only? Its just shape right? Not real button that can be click?

  • @tulsiindesign

    @tulsiindesign

    9 ай бұрын

    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😇!

  • @sureshpirannavan4463
    @sureshpirannavan44639 ай бұрын

    Nice ❤

  • @tulsiindesign

    @tulsiindesign

    9 ай бұрын

    Glad you like it

  • @joelim5010
    @joelim50109 ай бұрын

    Now imagine if you can implement function in it. Or convert this into front-end.

  • @thelyricndbuzzz6657

    @thelyricndbuzzz6657

    8 ай бұрын

    U can now

  • @user-er4ho1qh6m
    @user-er4ho1qh6m5 ай бұрын

    Great ❤🎉

  • @TheUprut
    @TheUprut4 ай бұрын

    Front end developer : 😡🥵🥴🤯😵‍💫😵

  • @aakashkhetani5274
    @aakashkhetani52746 ай бұрын

    How much time takes it

  • @itsrajjj
    @itsrajjj3 ай бұрын

    How to create coffee ☕ animation?

  • @lockitdrop
    @lockitdrop3 ай бұрын

    Whoa are you gonna make the app?

  • @kingsleyanim6020
    @kingsleyanim60204 ай бұрын

    Wow

  • @rihan_saifi6567
    @rihan_saifi65674 ай бұрын

    Hey how can i export my prototypes.....if anybody knows plz help me 😢. I want to export them with functions....and animation

  • @mdshafqatullah4996
    @mdshafqatullah49967 ай бұрын

    How is that logo initially animated in figma, that is called trim path, how it's possible in figma

  • @mdshafqatullah4996

    @mdshafqatullah4996

    5 ай бұрын

    Any update??? 😂😂😂

  • @DesignXstream

    @DesignXstream

    3 ай бұрын

    @@mdshafqatullah4996 That is a GIF used in Figma. It's not possible using Figma animations.

  • @salsa604
    @salsa6049 ай бұрын

    How to make the coffee like that?

  • @tulsiindesign

    @tulsiindesign

    8 ай бұрын

    Hy! It's a LottieFiles gif.

  • @aphae
    @aphae8 ай бұрын

    Hi. I would like to know how you went from the loading screen to the login screen without clicking.Thanks

  • @tulsiindesign

    @tulsiindesign

    8 ай бұрын

    Hy! With figma "delay" Prototype option you can do it. Hope this will help!

  • @aphae

    @aphae

    8 ай бұрын

    @@tulsiindesign Cool! Thanks :D

  • @prajuprajwal7568
    @prajuprajwal75689 ай бұрын

    Totorial

  • @aravinthdaya5066
    @aravinthdaya50667 ай бұрын

    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

  • @tulsiindesign

    @tulsiindesign

    6 ай бұрын

    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.

  • @knowledgefactz85

    @knowledgefactz85

    5 ай бұрын

    but how to export or download it as a video format @@tulsiindesign

  • @shafalibharti
    @shafalibharti2 ай бұрын

    Jb m prototype video mobile m open kr rhi hu bhot slow chl rhi h. Can you please tell me the reason behind that?

  • @tulsiindesign

    @tulsiindesign

    Ай бұрын

    May be it is because of network or maybe your prototype turns out very heavy.

  • @Fr0sT_is_Playing
    @Fr0sT_is_Playing28 күн бұрын

    Which software you used?

  • @sai_2023
    @sai_202311 ай бұрын

    how to preview in mobile?

  • @tulsiindesign

    @tulsiindesign

    11 ай бұрын

    You can use Figma mirror feature using the Figma app. Hope it helps!

  • @appusalman1673
    @appusalman16739 ай бұрын

    Any tutorial how did you do that?

  • @tulsiindesign

    @tulsiindesign

    8 ай бұрын

    There is one in-fact, please go through my channel. It might be helpful for you :)

  • @shafalibharti
    @shafalibharti2 ай бұрын

    Sir web design or development ek hi hoti h kya figma m ?. Mtlb payment option bhi add kr skte h?

  • @tulsiindesign

    @tulsiindesign

    2 ай бұрын

    it is design tool.

  • @shafalibharti

    @shafalibharti

    2 ай бұрын

    @@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?

  • @tulsiindesign

    @tulsiindesign

    Ай бұрын

    yes UIUX designer is a different field than developers, Charges depends upon experience and skill. Hope that helped 🌱

  • @desiben
    @desiben2 ай бұрын

    How did you do the animation

  • @tulsiindesign

    @tulsiindesign

    2 ай бұрын

    check in the description.✨

  • @oladipoprevail6504
    @oladipoprevail65049 ай бұрын

    😲Wow

  • @witcher-x8721
    @witcher-x87216 ай бұрын

    U should blur u r number before posting

  • @lydiajennifer
    @lydiajennifer5 ай бұрын

    How did you do this animation of coffee mug?

  • @tulsiindesign

    @tulsiindesign

    5 ай бұрын

    tutorial in the description.

  • @dikshanayak756
    @dikshanayak756Ай бұрын

    Plz provide me link

  • @acetechnics3420
    @acetechnics34209 ай бұрын

    Regular classes available?

  • @tulsiindesign

    @tulsiindesign

    8 ай бұрын

    Not yet. I am preparing mega UI UX resource guide which might be helpfull!

  • @acetechnics3420

    @acetechnics3420

    8 ай бұрын

    @@tulsiindesign I recently hired a team and started working. Besides I'd love to learn too

  • @vivekkumarverma6999
    @vivekkumarverma69993 ай бұрын

    Dii How I learn figma Ui ux designing and get a job?

  • @tulsiindesign

    @tulsiindesign

    3 ай бұрын

    will share video soon!

  • @JulReyVellijo-YT-71905
    @JulReyVellijo-YT-719054 ай бұрын

    What's name of apps for making ui

  • @tulsiindesign

    @tulsiindesign

    4 ай бұрын

    Figma

  • @mdzafarmaster4286
    @mdzafarmaster428619 күн бұрын

    Suggest me, or make a video Best and cheap pc build for figma

  • @tulsiindesign

    @tulsiindesign

    12 күн бұрын

    Sure, upload soon

  • @manoja9972
    @manoja99725 ай бұрын

    No need have i phone for testing design

  • @unknown2702
    @unknown27028 ай бұрын

    What app are you using for challenge? Please

  • @tulsiindesign

    @tulsiindesign

    8 ай бұрын

    Hy, I am using figma to design these.

  • @unknown2702

    @unknown2702

    8 ай бұрын

    @@tulsiindesign I meant for the challenge contest 😊 btw being inspired watching you...

  • @therealecho1
    @therealecho14 күн бұрын

    Yeah until you get to code it

  • @insaneodin2467
    @insaneodin24674 ай бұрын

    tutorial plz

  • @tulsiindesign

    @tulsiindesign

    4 ай бұрын

    Link 🔗 is in description

  • @mariyamkhan4688
    @mariyamkhan46888 ай бұрын

    Please share tutorial of this design.

  • @tulsiindesign

    @tulsiindesign

    7 ай бұрын

    Link in description!

  • @karimshmaysani
    @karimshmaysani2 ай бұрын

    Now your number got leaked😂😭

  • @zainalimajeed4600
    @zainalimajeed460010 ай бұрын

    Sir how to export our prototype project.

  • @tulsiindesign

    @tulsiindesign

    10 ай бұрын

    You can use prototype link 🔗 to share or paste in your projects (Behance). Hope that helped ✌ 😊

  • @zainalimajeed4600

    @zainalimajeed4600

    10 ай бұрын

    @@tulsiindesign Thanks

  • @user-jq5gr8gh3p
    @user-jq5gr8gh3p2 ай бұрын

    This ain't gonna cut it in this market

  • @appyviral8753
    @appyviral875310 ай бұрын

    how to contact uh?

  • @nature.candid

    @nature.candid

    7 ай бұрын

    she shoe her number😂

  • @lovekeshsinghkhalsa4251
    @lovekeshsinghkhalsa42516 ай бұрын

    Nc

  • @rajeebb1
    @rajeebb12 ай бұрын

    Please answer my questions anyone

  • @soumyajitroy2666
    @soumyajitroy266611 ай бұрын

    Can you make the video tutorial?

  • @tulsiindesign

    @tulsiindesign

    11 ай бұрын

    Sure!

  • @soumyajitroy2666

    @soumyajitroy2666

    11 ай бұрын

    @@tulsiindesign waiting for it.

  • @tulsiindesign

    @tulsiindesign

    11 ай бұрын

    Hey! sharing you the link to video. Link - studio.kzread.infoFfufeM1wUZE/edit

  • @pointdoscuriosos2810

    @pointdoscuriosos2810

    11 ай бұрын

    ​@@tulsiindesignfui assistir, porém deu erro abrir 😢

  • @tulsiindesign

    @tulsiindesign

    11 ай бұрын

    Oh! just go through the channel, you will find it.

  • @JossephAnthonySobradoMarcos
    @JossephAnthonySobradoMarcos10 ай бұрын

    ❤❤😊😊😊😊❤❤

  • @STRANGE_888
    @STRANGE_8883 ай бұрын

    🫠

  • @akashsingha8283
    @akashsingha82833 ай бұрын

    I got your phone number 😂

  • @edenassos
    @edenassos6 ай бұрын

    What's special about this?

  • @zahidthegamer3733
    @zahidthegamer37338 ай бұрын

    You have shared your phone number😅

  • @tulsiindesign

    @tulsiindesign

    8 ай бұрын

    😄

  • @B7ML6V
    @B7ML6V8 ай бұрын

    You revealed ur ph no

  • @tulsiindesign

    @tulsiindesign

    8 ай бұрын

    No, it is just a dummy! 😄

  • @user-no7ye7gx6b
    @user-no7ye7gx6b4 ай бұрын

    Nikjuuiyfgkoyffyio❤

  • @MohanaKumar-xy5xm
    @MohanaKumar-xy5xm5 ай бұрын

    The person who is gonna develop it. 🗿🥲

  • @Pooopeyyy
    @Pooopeyyy11 ай бұрын

    Can you publish the app directly from Figma ? 🫠

  • @tulsiindesign

    @tulsiindesign

    11 ай бұрын

    Figma is a designing tool. Even though it helps developers to code efficiently it can't be used to publish a full fledged app! I hope it solved your query 😊

  • @Pooopeyyy

    @Pooopeyyy

    11 ай бұрын

    @@tulsiindesign thank you for replying 😁 can you recommend tools that can convert Figma design to code ? Or every step from Figma to the final App ? Thank you 😊

  • @tulsiindesign

    @tulsiindesign

    11 ай бұрын

    You may take use of the " DhiWise - Figma to Code " plugin. Go to the website, configure it, connect it to Figma, and you're ready to go!

  • @theanie_
    @theanie_2 ай бұрын

    Wow