Make Any Framer Component with ChatGPT 

wassup mates 🫡 here’s the prompt that you can copy and paste: link.framer.university/code-prompt what should i teach next? drop a comment 🫶

You're like the opposite of a gatekeeper. I'll call you a gateopener. Everyone else is hiding their techniques and solutions behind paywalls and subscriptions and you're just handing out gold to the community left and right, giving access to these solutions and abilities in the software to all designers. Thank you, Nandi.

Nandy!! You freaking rock bro. The amount of value you provide to the Framer community is unmatched! Can i buy you a coffee?

Nandi is the only authority on Framer as far I'm concerned! Amazing work as usual bro!

Hey there! I'm a web developer using JavaScript and I'm thinking about switching entirely to UI design. When I first heard about Framer, I was a bit hesitant to fully develop websites without coding. But then I found your video and it gave me confidence that Framer still has room for my coding skills. Haha, love your video, mates!

You are the best Nandi! With each video of yours I learn a lot. Thank you for all your knowledge and contributions 🤩🤩

Thankyou very much for this. I usually have to do so much back and forth with Chatgpt for it to understand that it's for framer. This is really solid work. Will try it soon!

This is outstanding. This is exactly what I have been working on. Do you have a' buy me a coffee link'? Honestly, I'm blown away

Your timing is amazing, literly anything i need I see you upload a video about it a day later.

This was incredibly helpful! Thank you so much for all your Framer related videos.

Awesome work amte. Can't wait for your framer course.

Magnificient!!! Kudos, man!

thank you for this amazing video! it's incredibly clear nd helpful

That's pretty cool. Thanks for sharing!

You are the best Nandy. Love you bro

Amazing video, thanks for sharing!

Nandy, you beauty! Keep uo the good work man!

I see this channel blowing up really soon !! I usually don’t comment but bro, your videos are 💰💰💰

Fantastic video as always bro 🎉, your videos literally thought me everything i know about framer. Thanks alot. Although the link to tje prompt you gave is leading to an error page... I would really love the promp bro. Thanks in advance my man... Again love youe content 🙌🙌

Amazing video, Man!

Mindblowing stuff!

WOWWW THIS IS AMAZING MATE!

this is amazing, thank you so much!

Great video mate! 🍕

Man the video helps a lot but can you explain how can remove errors on a specific part?

THIS IS GOLD!!!

THANK YOU, business partner. 😉

amaaaazing, thanks!!!!!

thank you so much for sharing. superrrr valuable

Thank u very much brother - love frm A🌏sia

This was such a fantastic video! Can you make more videos on CSS tips and tricks that we can use in Framer like the balanced text one you showed here. I already use ChatGPT but I had no idea something like this existed so never thought to generate code for it.

I good idea for a video is to show how to implement aceternity ui library into framer :)

Imma try this with GPT 4o and providing a picture of the component so it can understand it better

Bro you're GOAT .

Thank you so much framer university for these big insight...this is just alot....... but the code-prompt link isnt working, is there some other way we can get it?

You are a good guy, Nandi. I just hope you’d answer my darn question! 😂

Amazing!

Is it possible to embed Gitbook or Notion pages through ? That would be so insanely powerful.

teşekküler harika paylaşım için

Great video. You earn a fan from Pakistan 🇵🇰

This is an amazing tutorial! I've been trying to use Chat GPT to write a code override to create a sticky scroll for sections to make a site like a slideshow but can't get it to work. Have you got any ideas?

Hi Nandi. I was hoping I could ask for your help. I'm a student, in design school, and I'm graduating in next week. I'm using a beautiful template I found for my portfolio site, but I'm having issues attempting to add for instance a fliphtml5 flipbook to my project. The template uses a CMS and I'm finding myself limited as to what I can add to each project individually. All the images and placement in the projects all follow the same position, so if I move an image in one project, the corresponding image in the other projects also move. But I can add things like youtube vids or images inside each project section. I'm also given the option to add a code block. But when I attempt to add the embed code given to me by fliphtlm5, the page just displays the code when published. Sorry for the long message. Hoping I made sense. Thank you in advance for any hlep you can offer. Ideally, I'd love to just use the slideshow feature, but I can't use that in the cms for some reason. when i do, it creates the exact same slide show in all the projects, so not unique. :( Thank you. Oh, last question, the template gives me the option for light and dark mode but i just want to turn that off. so it's always on a light screen. That is also not something I can figure out. Thank you so much.

from a designer perspective, I tried it and made a button with a mouse tracking gradient hover effect but it's really difficult to edit stuff (i'd have to add all editable properties for button size, text etc and I still can't use it with stack auto layout fill/hug so it ain't responsive, maybe it's possible to do it but I couldnt figure it out), it's definitely a great start for developers though as they'd know what to do with the code

🍕 this is epic! thank you for sharing !

this is GEM 💠

Could not get the example code component to work, despite hours of retries. If there is a performance limit on these, can it be accounted for in the prompt somehow? I've run into this issue a few times before

Perfect

GOAT!!!!

Thannnnnnnks so much! so much value, i'm gonna try this right now. #pizza prosciutto is my favorite ;)!

This is next level no-code democratisation mate 🎉🎉🎉 #pizza

Is it possible to connect something like you built to CMS content easily?

I am pasting the code in but nothing is showing in the components section to drag in? Any ideas kind people?

Wait a minute ? So with this technique I will be able to create shopify integration components with ChatGPT that could be similar and function just as well as the components that you can buy in Framer Commerce ?

it's a "will-you-marry-me?" type of content. I am very grateful for Framer supporting and engaging creator's.

hey thanks a lot for all the tuts but you;ve got to reduce that red/orange effect on your videos.

why you dont have component and tutorials for creating custom inputs for deferent needs..??

First off, #pizza Another awesome video! For whatever reason I never thought about this... Keep the videos coming.

#pizza haha love your content man. You are a trailblazer.

#pizza Framer is really great. I ❤ it. But, Animation has some bugs still and UI needs to be a bit more modern. However, great jod done. Thanks a lot.

#pizza Thank you, this was amazing!

little component 😁

Great insight, but the video is a little slow imo. Maybe because I'm a dev and more like an AI poweruser already. But could be just what complete beginners need.

Okay, marry me already hahaha. Thanks for this.

#pizza. What a amazing tip and trick.

#pizza🍿😎

Hoping to make some as well - #pizza

Nandi? More Daddy. #pizza

#pizza all the way 😉

#pizza

Free users 'CAN' use the Custom GPT.

Following you from first brother.. hope you remember me 🫡

#pizza

#pizza

#pizza

#pizza

#pizza

#pizza