Framer Tutorial: Generate A Live Website With AI

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.พ. 2025

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

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

    If you can't find "Start with AI," please press CTRL/CMD + K and search for "Generate site."

    • @xikura
      @xikura หลายเดือนก่อน +3

      Thanks a lot for adding this comment, I was going crazy for a while there...

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

      After inserting my prompt how do I get it to start generating? 😢

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

      ​@xikura did u get to generate. I put my prompt and hit enter but nothing happend

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

      @@elizaalli8138I did manage to generate, just pushed enter and it worked. I had to be on a blank page though.
      Hope you get it to work!

  • @nahiddotai
    @nahiddotai ปีที่แล้ว +8

    This was an awesome tutorial, and great prompt! I've already made a few generations with that prompt and played around with it and it's working well. I've created a video on my socials with the prompt - sharing the wealth! Thank you

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

      Happy to hear that it works well! ✨ Amazing!

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

      If we generate an AI we have to pay something to this website or not aor how we can earn with the help of this

  • @mariolattuga3053
    @mariolattuga3053 4 หลายเดือนก่อน +27

    I'm not seeing the the "start with Ai" button ?

    • @timothyfodeninglis7943
      @timothyfodeninglis7943 3 หลายเดือนก่อน +6

      press ctrl k and search generate

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

      Same, did you fix it ?

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

      @@timothyfodeninglis7943The only tool i see is generate name?

  • @eitanengelberg8634
    @eitanengelberg8634 4 หลายเดือนก่อน +16

    When I open up Framer the option to create with AI in the middle doesn't come up, Any ideas?

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

      u need to look for "files" in the quick search (cmd + k)

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

      press ctrl k and search generate

  • @robertbillingse
    @robertbillingse 3 หลายเดือนก่อน +7

    I have no start with ai, how do I get it? Seems like many people don't.

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

      Just ⌘+K and search generate site.

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

    This is the first Ai web designer I’ve seen that actually looks useable! Can Ai add dynamic content throughout the site (animations, parallax, on scroll easing effects etc)? GRT video brah!

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

    Great 🔥
    Can you do a complete guide from creating a Site in Figma (nav bar, Hero Section… and then the next steps in Framer (responsive…) That i can completely understand everything?

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

      Thanks!
      I already made that video. Check it here and let me know if it helps you: th-cam.com/video/C_hkAbvDiMY/w-d-xo.html

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

    Hi, Nandi! Thank you for creating such helpful tutorials, I really enjoy watching every single one of them.
    Could you please create a tutorial on how to apply "scroll variant"? It's usually used for navbar on top and I already know how to do that. My concern now is how to apply this in a section placed in the middle of a page. So as the user scrolls down, it's supposed to just stop while changing the variant of a component inside the section.
    Thank you in advance, man! I owe you!

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

      Thanks for the lovely feedback!
      I already made a tutorial about this. Check out the video: th-cam.com/video/zp14EJrJ0jc/w-d-xo.html
      And let me know if this is what you were looking for!

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

      @@framer.university Well, sort of, but that one tutorial demonstrates "sticky position" of a stack placed on top of the page, instead of the one in the middle.
      However, after I tried opting this and that, I finally achieved my expectation. Haha.
      Anyway, your tutorials are really helpful, though, and I'd like to thank you so much for that! Keep up the great work, man! 🙌🔥

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

      @@adhingrha so happy that you could figure it out. That's the best of you find a workaround yourself! Good job!

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

    Are you able to use a personal domain?

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

      Yes you can connect a domain you own if you subscribe to a paid plan starting from $5/month.

  • @NganNguyen-kh1um
    @NganNguyen-kh1um 4 หลายเดือนก่อน +2

    Thank you for the video! Do you need a paid account to use the AI option? I don't see where I can generate a layout...

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

      Press CMD or Ctrl + K and search for generate site.

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

      Have you found that option, bro?

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

    Can you only create a one page website? How do you create more pages and add a menu to link them to on the home page?
    Great video

  • @kwakuBiscoff
    @kwakuBiscoff 29 วันที่ผ่านมา +1

    I have been on this for some time now but the AI doesn't appear and I have done all the thing you said. This can be more user friendly than this.

    • @framer.university
      @framer.university  29 วันที่ผ่านมา

      ⌘ + K and search for generate site.

    • @snkrstadium3161
      @snkrstadium3161 11 วันที่ผ่านมา

      @@framer.universitynot sure why I’m not seeing the ai button at all on a MacBook Pro

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

    I several of these Framer tutorials but i never see anyone clicking on a button etc to actual see the functionality of it. Also i don't see where you can insert a video

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

    Great video! If I may ask, how do you get the screen to follow the mouse in a very smooth way? Thanks!

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

      Thanks! I’m using screen studio

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

      @@framer.university You're a life saver. This is so cool. Cheers!

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

      @@framer.university Hey, I've downloaded it and tried to record a video but nothing happens when I click "end recording". It just sits on the page without actually ending, and no file goes to my folder. How do I fix this?

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

    Hi, what do I have to do to publish on my own website (startup, small business). I mean paste it on a specific domain or am I tied to Framer?

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

    i think it repeats some elements, i have seen the same design in multiple videos now, and why are there always roundet corners on the images?

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

    Hi Nandi, thank you for your tutorials. They are really helpful. Were you using the paid or free version for this website creation? I have inserted the exact same prompt and it created a landing page that did not have any cool design elements. I am testing with the free version, however. Thank you.

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

      Hi 👋
      Being or not being on a paid plan shouldn’t impact the quality of the outputs! :)

  • @user-7jskch72oq
    @user-7jskch72oq ปีที่แล้ว +1

    Which service do you use to record the screen? Curious if it allows you to zoom in and out like you’re doing in the videos.

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

    Yo this this crazy!

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

    Omg 😱😱 thats amazing🎉🎉 but scary too 😅 we will lost our job soon 😂

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

      Don't worry! This will just help us ;)

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

      @@framer.university yeah I wish 🙏 just like the other ai tools with some playful mind 😏

  • @vimal-yb5ko
    @vimal-yb5ko ปีที่แล้ว +1

    hey nandi! how to make the pictures from black and white to coloured

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

      You can use Photoshop or a similar tool like that for something like this. Search for “Image colorization”.

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

    Thank you for this!

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

    That's my Buddy 😜

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

    How do you copy a theme from one page to another within a site? Or from section to section

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

      That’s probably a feature they will add later down the line.

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

    You're so fast :))

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

    It's an incredible video. But why, when I try it, it only makes me one page of the website instead of more

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

    is it possible to host it ? so like somehow copy the code ?

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

      On the enterprise plan there are options for that, but generally Framer was made to give people the ability to design and publish from a visual canvas without having to mess around with code. This also makes it super simple to maintain the site.

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

    So how do I grab the html and CSS from this and incorporate for my backend logic?

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

      Framer is a no-code tool. So you just generate the site, tweak it a bit, hit publish, and it's live.

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

    I dont see the start with ai button when I start a new project

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

      Hit CMD and K, then search generate site.

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

    I cant find the AI feature on my workspace

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

      ⌘ + K and search generate site.

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

    How can I take the code and start coding the functionality?

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

    I sign up account with framer website. I was looking for ai icon to generate website but ai icon is dissappeared 😢

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

      Hit ⌘ + K and search for "generate page".

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

      @@framer.university I am not mac bro using windows laptop : is it hit + windows icon + k and search right?

  • @VivekKumar-if2ft
    @VivekKumar-if2ft 9 หลายเดือนก่อน

    cant see the "start with AI" button. how to access it

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

      Press CMD and K and search for generate site.

  • @magfirahmansyur
    @magfirahmansyur 8 หลายเดือนก่อน +1

    I didn't see start with AI in the site

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

      press ⌘ + K and search for "Generate site" :)

  • @whistlingmeerkat
    @whistlingmeerkat 11 หลายเดือนก่อน +1

    I set up a Framer free account but don't have the option of start with AI

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

      ⌘ + K and search generate site

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

    Hi! I am making a personal portfolio with framer ai. I want to make tabs let's say 'projects' which if I click will direct me to a new page where the descriptions will be written regarding my projects.
    How do I do this with framer ai? I am a completely new to web designing. 😩

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

      You link that element to the new page. Page can be created on the left panel. Link can be added to selected element on the right panel “link” section.

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

    I don't see no pricing on the website

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

    AWESOME !!!!

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

    Nice video
    Why does framer blurs uploaded images

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

      Thanks!
      I think they don't. Make sure to upload optimized images, that is not huge in size and also .webp format.

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

    Where’s the start ai

  • @abdullla-w2x
    @abdullla-w2x ปีที่แล้ว +1

    Framer with AI ? Yeah why not!!

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

    I try to learn wordpress elementor pro for 6 month now and it is a pain... can I use framer to sell websites?

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

      Yes! There’s a huge demand for Framer websites. Check out www.framer.com/experts/

  • @amitKumar-fu2be
    @amitKumar-fu2be ปีที่แล้ว

    great

  • @salihaydn4859
    @salihaydn4859 ปีที่แล้ว +7

    Make playback speed 1.5x for normal audio speed

  • @charles120001
    @charles120001 6 หลายเดือนก่อน +2

    This AI feature may have existed, but it is no longer a feature; it may have been discontinued. This AI feature does not exist on Framer now. When I signed into Framer, there was no "Start with AI" button in the middle. I looked all over the Framer site, and there was such a feature.

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

      you can still pull it up if you press CMD or CTRL + K and type in "Generate site." 🙌

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

      @@framer.university Thanks, I'll try it. However, do you know if they will bring it back?

    • @YOSEPHAlehegne-mo3cj
      @YOSEPHAlehegne-mo3cj 5 หลายเดือนก่อน +1

      ​@@framer.university what about on a phone

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

    Well there goes my job 🤣

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

      Haha! This will not replace you anytime soon 🤚

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

      @@framer.university Tell that to my employer and clients who think AI designs are "good enough", especially if it doesn't hurt their bottom line.

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

    The Ai in framer is really suucckks and stupid!

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

    comment

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

    Making fool