Go From Figma to Live Website in 20 Minutes (No-Code)

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ธ.ค. 2024

ความคิดเห็น • 84

  • @MrTopu-hi3bk
    @MrTopu-hi3bk ปีที่แล้ว +5

    Another rare & Masterpiece video, Thanks Nandi ❤

    • @framer.university
      @framer.university  ปีที่แล้ว +1

      Thanks, Topu, for always supporting me! 🫶

  • @itsamreennaaz
    @itsamreennaaz ปีที่แล้ว +2

    Excited to learn framer ✨

    • @framer.university
      @framer.university  ปีที่แล้ว +1

      Yeey! I hope I can help you on your journey of learning Framer.

  • @khaledbouya
    @khaledbouya ปีที่แล้ว +6

    Hey Nandi, awesome content as usual.
    One little feedback on the video, there is too much panning/zooming, I understand it's show details but sometimes it's more disorienting than it is helpful. :/

    • @framer.university
      @framer.university  ปีที่แล้ว

      Hey! Thanks for the feedback.
      I was also thinking about this. In the recording app I cannot easily change the zoom amount, that’s why I haven’t done it.
      Hopefully they implement a feature that will allow me to set lower zoom levels for all zooms. 🙌

    • @hakeemolasupo3927
      @hakeemolasupo3927 ปีที่แล้ว

      @@framer.university Great one. Curious to know, which recording app are you using?

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

    you have a very calming voice... learning plus relaxation... thank you

  • @LilOKhalifaa
    @LilOKhalifaa ปีที่แล้ว +1

    Thanks Nandi , Very Helpful

  • @designckinet
    @designckinet ปีที่แล้ว +1

    Nice tutorial!

  • @ShyamnaikGuguloth
    @ShyamnaikGuguloth ปีที่แล้ว +2

    Oh Boy… What an awesome video Nandi….🎉🎉🎉🎉
    Watching your videos are so satisfying ❤

    • @framer.university
      @framer.university  ปีที่แล้ว

      Ahh thank you so much! You’re so kind! 🫶
      I hope you learned something ✨

  • @jojodesigns777
    @jojodesigns777 ปีที่แล้ว +2

    Thanks so much! I just subscribed. Would love if you make another one perhaps with 2-3 pages with a contact form for a portfolio?

    • @framer.university
      @framer.university  ปีที่แล้ว

      Thanks, Joanna! Yes, I'll do something like that in a future video probably.

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

      @@framer.university was this created?

  • @marie.bright
    @marie.bright ปีที่แล้ว +1

    Amazing video, Nandi! And extremely helpfull, too! Thank you very much!

    • @framer.university
      @framer.university  ปีที่แล้ว

      You're so welcome! I’m glad it was helpful :)

  • @aartibandekar9520
    @aartibandekar9520 4 หลายเดือนก่อน +1

    Incredibly Insightful video! A quick question, in the navigation bar, with the nav items - I'd like to add a custom underline to appear when the nav-item is selected. I already have one designed on figma where I can control the visibility but I don't know how to toggle it in Framer. I would really appreciate your guidance.

    • @framer.university
      @framer.university  4 หลายเดือนก่อน +1

      You might wanna take a look at this underline button remix:
      framer.university/resources/underline-button-interaction-in-framer

  • @MrPhysics-k7m
    @MrPhysics-k7m 3 หลายเดือนก่อน +1

    Can we import designs for the tablet and The Mobile screens form figma too without adjusting that manually in framer??

  • @ckf3182
    @ckf3182 ปีที่แล้ว +1

    love the video, please keep it up!

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

    I love this so much. Thanks a lot. God bless U

    • @framer.university
      @framer.university  หลายเดือนก่อน

      glad you enjoyed it, thank you! 🙏

  • @LanguagedesignLearn
    @LanguagedesignLearn ปีที่แล้ว +1

    Keep going Bro!

    • @framer.university
      @framer.university  ปีที่แล้ว

      Working on the learning platform at the moment learn.framer.university
      New videos are coming after launching the platform.

  • @DesignDen673
    @DesignDen673 ปีที่แล้ว +1

    Can you teach how to make good layouts using CMS? Using filter, etc. Cant seem to find them online

  • @jornvandijk3721
    @jornvandijk3721 ปีที่แล้ว +1

    Great video 🎉

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

    incredible, thank you !🙏

  • @Can-babur
    @Can-babur 4 หลายเดือนก่อน

    Hey Nandi, great vid! After importing my figma project to framer the resolution got really bad...I need helppppp 😩

  • @heyitscanci
    @heyitscanci ปีที่แล้ว

    Thank you for the video, it was simple enough for figmates. However i didn't get the part about z-index. What is it used for and why did you set it to 3? Thanks!

    • @framer.university
      @framer.university  ปีที่แล้ว +1

      Hey thanks! :)
      Z-index determine the position of the layer on the Z axis. So basically a layer that has Z index 3 will be above an element that has Z index 1.
      Higher value is always on top.

  • @mijnnaampje
    @mijnnaampje ปีที่แล้ว

    Great video again. Do you prefer to make your design in Figma first or do it in Framer right away?

  • @PranitKharat-w2f
    @PranitKharat-w2f ปีที่แล้ว +1

    Please release tutorials on framer, for beginners 😅 kind of webflow University it will be really helpful

    • @framer.university
      @framer.university  ปีที่แล้ว

      Soon releasing the free beginner’s course. Make sure to hop on the waitlist to get access as soon as it’s released. framer.university

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

    This is really cool

  • @ashuu9257
    @ashuu9257 ปีที่แล้ว +1

    & what about websites with complex functionalities or some e-commerce website ?

    • @framer.university
      @framer.university  ปีที่แล้ว

      It depends on what you mean by complex. You can do pretty crazy stuff with code components.
      If you want e commerce, I’d use Shopify ;)

  • @FD-tc1ft
    @FD-tc1ft ปีที่แล้ว +1

    Hey there, thank you for this video
    Just letting you that the remix link does not work atm

    • @framer.university
      @framer.university  ปีที่แล้ว

      Happy to help! :)
      What’s wrong with the link? Works just fine for me.

  • @atharvamhadlekar609
    @atharvamhadlekar609 ปีที่แล้ว +1

    How to remove the watermark which is at the bottom ?

    • @framer.university
      @framer.university  ปีที่แล้ว +1

      You need to subscribe to a Framer plan. framer.com/pricing

  • @shubhiagrawal9885
    @shubhiagrawal9885 ปีที่แล้ว +1

    Make a tutorial on how to create a blogging website on framer

    • @framer.university
      @framer.university  ปีที่แล้ว

      I posted a tutorial about it on Twitter:
      twitter.com/learnframer/status/1635926119684751365

    • @shubhiagrawal9885
      @shubhiagrawal9885 ปีที่แล้ว

      @@framer.university thanku 🙏 best wishes from India 🇮🇳😃

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

    Hi Nandi how are you ! i would like to know , if you create animation or interaction in Figma, it work on Framer when we make import or it doesn't work for animation/interaction ?

    • @framer.university
      @framer.university  10 หลายเดือนก่อน +1

      You have to recreate animations and interactions in Framer.

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

      @@framer.university okay thank you ! I am curious to know , today you build directly in framer or you start on figma ?

    • @framer.university
      @framer.university  10 หลายเดือนก่อน

      @@FloNocode straight in Framer.

  • @artcgix
    @artcgix ปีที่แล้ว

    Thank you, good tutorial but I think that the zooming and panning it's too much in many instances.

    • @framer.university
      @framer.university  ปีที่แล้ว

      I hope that one day I can fix that. I am using Screen Studio and it doesn’t allow me to adjust the zooms in bulk.
      Thanks for the feedback though!

    • @artcgix
      @artcgix ปีที่แล้ว

      @@framer.university bummer! I thought you were controlling that. Thank you, learning things with you. Appreciate it

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

    I am not able to set width to fill for sections, please someone help me

    • @framer.university
      @framer.university  7 หลายเดือนก่อน

      make sure that parent frame is a stack.

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

    What if I have multiple frames? And I don't have a one pager frame like yours

  • @mihmeg
    @mihmeg ปีที่แล้ว +1

    Great video. Quick question. After I click the nav link at scrolls smoothly to a section it stucks there and i can't scroll up or down. It get unstuck only if I click the nav link again. Any idea why ? Thanks in Advance Nandi

    • @framer.university
      @framer.university  ปีที่แล้ว

      I have no idea why is that. Can you send me a remix link for that project in Twitter DM?

  • @atilla1950
    @atilla1950 ปีที่แล้ว +1

    Get back to the beard Nandi. Great content as always.

  • @bishtmahesh1
    @bishtmahesh1 ปีที่แล้ว +2

    Background music is too loud

    • @framer.university
      @framer.university  ปีที่แล้ว +1

      Thanks for the feedback!

    • @SimphiweMangole
      @SimphiweMangole ปีที่แล้ว +1

      Relax bro just lower the volume 😂

    • @SimphiweMangole
      @SimphiweMangole ปีที่แล้ว +2

      @@framer.university amazing videos, super informative every time. Please keep dropping more of these

    • @framer.university
      @framer.university  ปีที่แล้ว +1

      Thanks 😊 I’ll keep making these :)

    • @bishtmahesh1
      @bishtmahesh1 ปีที่แล้ว

      @@SimphiweMangole🙏

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

    How to add WhatsApp to the website????

  • @hendrik5041
    @hendrik5041 ปีที่แล้ว +3

    Theres no publish button for me (im free)

    • @framer.university
      @framer.university  ปีที่แล้ว

      That’s impossible. Can you share a screenshot in Twitter DM?

  • @Eryx-koen
    @Eryx-koen 3 หลายเดือนก่อน

    Believe me or not, learning code now is useless

  • @hendoscott
    @hendoscott ปีที่แล้ว +1

    Pretty "boring".