Framer University

Framer University

Hey there, welcome to Framer University!

I'm Nandi, and I'm excited to show you how to create stunning websites with Framer - the most amazing no-code website builder for designers.

On this channel, you'll discover everything you need to know to master Framer, including in-depth tutorials and beginner's guides.

If you're looking to learn about interactions and cool effects on the web, UI design, or other web design skills, I've got you covered.

Happy building!

Пікірлер

  • @maryna.aleksyeyeva
    @maryna.aleksyeyeva30 минут бұрын

    Superstar🙌🏼

  • @trattface
    @trattfaceСағат бұрын

    Great timing. Literally started framer this week and noticed that the option wasn’t there

  • @BrialMusic
    @BrialMusic18 сағат бұрын

    it's because rounded buttons don't support gradient borders in code....or something like that :D

  • @framer.university
    @framer.university6 сағат бұрын

    Yep!

  • @AkinsRealm
    @AkinsRealm18 сағат бұрын

    Thank you for this great workaround! I'm not sure why correct section titles are not being shown in the video though 🤔As I see it time stamps are included perfectly right in the video description though, there must be some kind of glitch, which is not a big deal, since you demonstrate the workaround in a really clear way, thank you 😊👍

  • @framer.university
    @framer.university6 сағат бұрын

    Thanks for the feedback man! :) Chapters showing up correctly for me. Must’ve been some bug.

  • @AkinsRealm
    @AkinsRealm4 сағат бұрын

    @@framer.university Ah thankfully now they look fixed to me as well, agree, must have been some bug 🙌

  • @nutanbhuva
    @nutanbhuva18 сағат бұрын

    i don't know why he use 2 shapes, this can achieve with one shape

  • @hyperadapted
    @hyperadapted14 сағат бұрын

    explain

  • @3wicaksono
    @3wicaksono12 сағат бұрын

    correct, just add fill color to black on text so you dont need second shape for the black one. thanks me later

  • @framer.university
    @framer.university6 сағат бұрын

    Lemme know how.

  • @robertobernal4543
    @robertobernal454319 сағат бұрын

    Yo, I am new to this and i did not catch what you said when you were saying where to put the frame…. All i was able to get was “cut and paste it. . . breakpoint.” if you could clarify and share some insight on where you pasted it. Thanks!

  • @user-ik8vy1rg8f
    @user-ik8vy1rg8f19 сағат бұрын

    HAX Been figuring out all sorts of puzzles myself. Fun stuff.

  • @framer.university
    @framer.university6 сағат бұрын

    It is fun :)

  • @BREEZEFORE
    @BREEZEFORE20 сағат бұрын

    it looks weird when i zoom out to 80% on my site

  • @framer.university
    @framer.university6 сағат бұрын

    What do you see?

  • @teyahombre
    @teyahombre22 сағат бұрын

    Amazing tutorial! But such a difficult and not intuitive way for framer to do something that should be simple as just adding a border. Really. I love framer but these things ... 😅

  • @jalencrisp
    @jalencrisp16 сағат бұрын

    Adding a border is simple, and you can simply do it in Framer. Adding a gradient border is not, even with code.

  • @framer.university
    @framer.university6 сағат бұрын

    Thanks :) Yes unfortunately this requires a bit of workaround. It’s because on the web, you can’t simple just set a gradient color as a border.

  • @KayoDante
    @KayoDante22 сағат бұрын

    Nice! And if we want to make a secondary version without fill and only with the border gradient, we can do it with a few more steps using the mask property, right? (:

  • @framer.university
    @framer.university6 сағат бұрын

    Yes, you can definitely use the mask property. I’m not sure if it will work with different labels tho since the button width might be changing and the mask you upload is a fixed svg.

  • @noeveronweb
    @noeveronweb23 сағат бұрын

    💯 excelent. You're amazing

  • @framer.university
    @framer.university6 сағат бұрын

    Thank you so much <3

  • @kevenasley4171
    @kevenasley4171Күн бұрын

    thank you!

  • @framer.university
    @framer.university23 сағат бұрын

    Happy to help mate:)

  • @eaxigaming2465
    @eaxigaming2465Күн бұрын

    First comment 😂

  • @framer.university
    @framer.university23 сағат бұрын

    The best 🫶

  • @manishmalli13
    @manishmalli13Күн бұрын

    Hi Nandi. I have created this loading animation using a component set and is set on trigger of the home page. However, it also means everytime I go from some other page to Home page, the animation loads. Is there a way where the animation can happen only once for the first time when the user lands?

  • @framer.university
    @framer.university23 сағат бұрын

    Yea! Use this override: framer.university/resources/show-once-code-override-for-framer

  • @Jazzy-jj2cx
    @Jazzy-jj2cxКүн бұрын

    dammn itt!! the video is worth every ounce.

  • @jp.gaviria
    @jp.gaviriaКүн бұрын

    Are the comments SEO optimized? as far as I know, google uses the comment section to rank content on google based on engagement and interactions of the users with the site. Thanks

  • @Mania26
    @Mania26Күн бұрын

    Why no one is speaking about custom dobain and hosting for client?

  • @annoyingmoose88
    @annoyingmoose88Күн бұрын

    you can export figma to code tho

  • @framer.university
    @framer.universityКүн бұрын

    Still not a website tho

  • @Anotherfouad
    @Anotherfouad2 күн бұрын

    You are Amazing, thanks Nandi

  • @framer.university
    @framer.university2 күн бұрын

    I appreciate you mate 🫶

  • @mahinrahman2304
    @mahinrahman23042 күн бұрын

    Thanks a lot Nandi, you just explained the statistics

  • @user-yt8kl7bq9v
    @user-yt8kl7bq9v2 күн бұрын

    Hi Nandi ! Hope it's not too late to send you this message. I think one of the most interesting topics you could cover for beginners would be to make a video to learn how to save time by structuring your project in advance (creating your styles, your components, your colors, your typography, etc.) in order to save time and to have a better structured and cleaner project. Thank you

  • @framer.university
    @framer.university2 күн бұрын

    Thanks for the idea Louis! I’ll definitely make a quick tutorial on this! 🫶

  • @margarita7678
    @margarita7678Күн бұрын

    YES!!! We're definitely waiting for such video

  • @pawnstarsindia
    @pawnstarsindia23 сағат бұрын

    ​@@framer.universityone for site optimization and load time too, it sometimes takes a lot when we have multiple 3D embed

  • @AkinsRealm
    @AkinsRealm2 күн бұрын

    Thank you for sharing that great source, so we don't need to dive into some "deep science" stuff while there's an easier way 😊👍

  • @framer.university
    @framer.university2 күн бұрын

    My pleasure mate! Happy to help 🙏

  • @hoanghantlz
    @hoanghantlz3 күн бұрын

    Wow you made it really easy to understand. I feel so lucky I've found your channel. Appreciate your great videos 💯

  • @framer.university
    @framer.university2 күн бұрын

    Thank u so much for your comment, Hoang! I'm glad u find my videos valuable. More to come 🫶

  • @abayismailov5594
    @abayismailov55943 күн бұрын

    good morning! can we change text information depend on image? for example we wanna news section make like this

  • @rocster01
    @rocster013 күн бұрын

    Framer need to enhance the search function for templates. I was trying to find one the other day, and its so hit and miss

  • @framer.university
    @framer.university3 күн бұрын

    They'll reintroduce search soon.

  • @kimcruz3889
    @kimcruz38893 күн бұрын

    Hi Nandi, can you talk about handing over the framer site to the client? Do I just give the remix link and that’s it? What are your tips? 😊 thanks! 🙏🏻

  • @framer.university
    @framer.university3 күн бұрын

    Hey Kim! Here's a little tutorial for you: x.com/learnframer/status/1783447415905026473?s=61

  • @raphaelammann3063
    @raphaelammann30633 күн бұрын

    What are your thoughts on creating templates that framer doesn’t have a category for?

  • @framer.university
    @framer.university3 күн бұрын

    For example?

  • @miguelcezare
    @miguelcezare3 күн бұрын

    Nice!

  • @framer.university
    @framer.university3 күн бұрын

    Thank you! :)

  • @ReadyDesignerOne
    @ReadyDesignerOne3 күн бұрын

    Thank you for answering my question and your strategy is gold. How would you go about marketing the template? 1. The norm is to submit to various galleries, main one being the framer website. 2. Build in public and share on social media Any other suggestions?

  • @framer.university
    @framer.university3 күн бұрын

    Anytime mate! Yes, correct, these are the two most important things you can do. Another strategy I just heard is running paid ads for templates.

  • @JonasKizlansky
    @JonasKizlansky3 күн бұрын

    Hey bro! I noticed that in your Resources website (thank you so much btw) the preview button (eye) is not working when trying to visualize it from the resources home. However when you get into the detail page, it works perfectly. Just a reminder for you to fix it! You are the boss 🔥

  • @davidacreates
    @davidacreates3 күн бұрын

    What additional factors other than number of templates and search volume are reflected in the opportunity score?

  • @framer.university
    @framer.university3 күн бұрын

    Hey there! Great question! The opportunity score mainly looks at two things: the number of templates available and the search volume for each type. But, to make it fair and easy to compare, we normalize these numbers to a common scale (0 to 100). So, apart from just counting templates and search volume, the score reflects how these two factors balance out. A high opportunity score means there's a sweet spot with high demand (lots of searches) but not too much competition (fewer templates). Hope that clears it up!

  • @pawnstarsindia
    @pawnstarsindia3 күн бұрын

    Yeah one more thing i want to say is there should be a live builds more from you nandi....!!!full fledged one like design code's recent one! sorry if i'm bothering you😂

  • @framer.university
    @framer.university3 күн бұрын

    I'm planning to make longer tutorials in course format! Stay tuned :)

  • @pawnstarsindia
    @pawnstarsindiaКүн бұрын

    Sure! I'll be looking forward on that.❤

  • @pawnstarsindia
    @pawnstarsindia3 күн бұрын

    Now it won't be a niche anymore, just kidding hey any updates on logics?when is framer going to launch the much awaited native feature ❤ from Kashmir,love your work!

  • @framer.university
    @framer.university3 күн бұрын

    I'm not part of the official Framer team so I don't know when certain updates will come. Sorry! :) And thanks for the kind words mate <3

  • @OleksandrIzmailov
    @OleksandrIzmailov3 күн бұрын

    Yes, it was helpful. Thank you, Nandi!

  • @framer.university
    @framer.university3 күн бұрын

    Glad it was helpful! :) Thanks for the comment!

  • @badsevenfirefoxisback1541
    @badsevenfirefoxisback15413 күн бұрын

    My name is Nandi, This is Framer university, Let's get started. ❤️❤️❤️❤️

  • @framer.university
    @framer.university3 күн бұрын

    the good old intro <3

  • @burmeseclips1952
    @burmeseclips19522 күн бұрын

    Best line

  • @mt000mp
    @mt000mp4 күн бұрын

    whats your screen recording software that you're using?

  • @framer.university
    @framer.university4 күн бұрын

    hey! i'm using screen studio :)

  • @L2R2Carbon
    @L2R2Carbon4 күн бұрын

    I am trying to make a website where you have a bunch of buttons with text in them. when you click the button, you will be transferred to a page with the heading being the same as the text in the buttons. Is there a way to do this without making multiple variants in the component section? I have around 10 different buttons and don't want to make many variants of the same thing but with a different header.

  • @akashjayakumar2452
    @akashjayakumar24524 күн бұрын

    I made the menu but when ever I open it in phone preview, it hides behind the content of the page. How do I fix this?

  • @eduardoluchtenberg
    @eduardoluchtenberg4 күн бұрын

    Hey Nandi! I need help with code override, currently the MailChimp form component in Framer has only one input, I wanna add one more with code override (Using Chat-GPT) but the code isn't working, it does not add the input, even if the code is correct (in the console there's no error at all). Could you help me? Best regards.

  • @rumorscameras
    @rumorscameras4 күн бұрын

    hey guys need help with mobile website breakpoint. when i set tap or click to change varients, on mobile it shows blue square on every thing i touch..any ideas?

  • @PartyintheAM
    @PartyintheAM5 күн бұрын

    Great tips, Im a beginner and just learned how to make a basic landing page for myself from your channel. but i come to realize i cant show/upload any of my videos! even if i purchase the pro plan which is way more than i even need, you still wont be able to upload videos as i am a videographer! 20MB you wont be able to show anything, i also tryed the youtube URL way but its a no go!

  • @Oranrash
    @Oranrash5 күн бұрын

    incredible, thank you !🙏

  • @sarahw.8766
    @sarahw.87666 күн бұрын

    great tutorial. Best one I've found thusfar

  • @kaushiktravelportraitsandf223
    @kaushiktravelportraitsandf2236 күн бұрын

    HI, I'm looking to create a QR code to scan and download my resume from framer website. May I know if there's anything like that I can create?

  • @framer.university
    @framer.university6 күн бұрын

    You can use qr-code-styling.com/ to generate a code for the link and add it to your site.

  • @MrBateau
    @MrBateau8 күн бұрын

    Hi! i was wondering if there's a way to set this up to interact with the CMS and change number of images dynamically? although this probably needs a totally different approach...

  • @rasta2da
    @rasta2da8 күн бұрын

    Thank you so much for this video! This was the most clear way to understand my biggest struggle in Framer :))

  • @framer.university
    @framer.university6 күн бұрын

    So happy to hear this! What was the hardest part for u?

  • @hryxdesign
    @hryxdesign8 күн бұрын

    Thanks mate

  • @framer.university
    @framer.university6 күн бұрын

    Happy to help 🫶

  • @AlexSolis-c3r
    @AlexSolis-c3r8 күн бұрын

    I just added this effect to my current site, and it works, but the rest of the site after this is scrolling under that sticky section. Any way to fix this?

  • @kishorekumar8216
    @kishorekumar82168 күн бұрын

    Thanks a lot for providing us a banger tutorial Nandi and framer team ❤🤝✨

  • @framer.university
    @framer.university8 күн бұрын

    My pleasure mate! Glad u liked it:) And btw, it’s just me. Running Framer Uni as independently 🫡

  • @justicechannel3343
    @justicechannel33438 күн бұрын

    how about update the component so the client itself can delete the unwanted comments?