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

Поделиться
HTML-код
  • Опубликовано: 14 окт 2024

Комментарии • 81

  • @MrTopu-hi3bk
    @MrTopu-hi3bk Год назад +5

    Another rare & Masterpiece video, Thanks Nandi ❤

  • @khaledbouya
    @khaledbouya Год назад +5

    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 4 месяца назад

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

  • @ShyamnaikGuguloth
    @ShyamnaikGuguloth Год назад +1

    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 3 месяца назад

      @@framer.university was this created?

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

  • @aartibandekar9520
    @aartibandekar9520 2 месяца назад +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  2 месяца назад +1

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

  • @MrPhysics-k7m
    @MrPhysics-k7m 23 дня назад +1

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

  • @TheCanCW
    @TheCanCW 2 месяца назад

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

  • @LilOKhalifaa
    @LilOKhalifaa Год назад +1

    Thanks Nandi , Very Helpful

  • @marie.bright
    @marie.bright Год назад

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

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

  • @ckf3182
    @ckf3182 Год назад +1

    love the video, please keep it up!

  • @heyitscanci
    @heyitscanci 11 месяцев назад

    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  11 месяцев назад +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.

  • @Oranrash
    @Oranrash 3 месяца назад

    incredible, 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 🎉

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

  • @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 ;)

  • @FloNocode
    @FloNocode 7 месяцев назад

    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  7 месяцев назад +1

      You have to recreate animations and interactions in Framer.

    • @FloNocode
      @FloNocode 7 месяцев назад

      @@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  7 месяцев назад

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

  • @EmmanuelAllucardCGuela
    @EmmanuelAllucardCGuela 5 месяцев назад

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

  • @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 🇮🇳😃

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

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

  • @ux_loki
    @ux_loki 4 месяца назад

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

  • @atilla1950
    @atilla1950 Год назад +1

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

  • @bishtmahesh1
    @bishtmahesh1 Год назад +2

    Background music is too loud

  • @NuwanSenaratna
    @NuwanSenaratna 8 месяцев назад

    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 Месяц назад

    Believe me or not, learning code now is useless

  • @hendoscott
    @hendoscott Год назад +1

    Pretty "boring".

  • @designckinet
    @designckinet Год назад +1

    Nice tutorial!