Hey everyone. Thank you so much for watching! There is a new 2024 version of this tutorial now available here. ruclips.net/video/qSDQ3U6Qyaw/видео.htmlfeature=shared
These kinds of videos are great! Please make more videos like theses where you show us how you build different layouts and website designs in framer from scratch!
Love Framer, this is really a game changer for the no code community. Now we just need a way to integrate with things like memberstack and stripe and we can create our own e-learning or e-commerce platforms. Goodbye Webflow!
@@Optable I take back my comment. It was rushed even without looking at it in detail. It is also a brilliant tool with a very sensible and clear user interface.
I really like these kinds of videos! I would love to see a video like this in which you explain how to work with overlapping layouts like you would with negative margins.
Very nice video. Just an improvement suggestion: how about including some helpful graphics on the video with the headline of the topic that’s is being covered? Anyway, keep up the good work
Can you create a revised tutorial of this type? It appears that some of the steps are no longer functional, or I am unsure if this is a current bug. We would greatly appreciate it if you could provide an updated version.
At 8:00, I am aware of changes that flow from Desktop all the way down to the Phone. But there are times that some components or element changes do not get carried over to the Tablet or Phone. Is this a Framer bug? Or am I the only one experiencing this? Or is this perfectly normal since you already need some permanent changes on the small screen?
Oh I get it. You need to "Reset Overrides". And if it is still too much work to assemble the lower breakpoints, it means there is a much bigger problem upstream. You need to put more organization, frames and stacks on the higher templates.
Thank you Benjamin for the video it helped me understand the platform a little better. I'm coming from a WordPress background (Elementor) This took me a lot longer than 15 minutes. A few things weren't working as you showed in the video. I had issues with the navbar, it's content kept going off-centre, the copying and pasting the effect didn't work until I restarted the project... etc...
Nice one, but so many items are not there anymore, e.g. the Text Styles part at the end of the video. Would be great to keep those videos up to date :D
Awesome tutorial ! I need help with something - when I set my page to auto height, it just becomes tiny , like the size of the top bar - but I definitely have multiple large frames inside of it. Any suggestions?
@@Framer i think the UX for that needs to be improved. Either through a question mark button, or some kind of marker on the canavas. People unfamiliar with CSS really struggle with that.
Thanks a lot for this video! At 8:40 I set Width on "fill" for my video but only the frame was filling the page, not the thumbnail of the video itself. How can I fix it ?
Hello! On 8:31 you lock the aspect ratio and you write 1fr, i cannot write this it writes a number instead and there is no option to put fill :( please help
I need help!. How do I get my pages to show from my home pages? When I click on the subtitles on my home page, nothing happens. It just slightly changes color.
Hi...if I want to do a website with some "relatively complex" component, would be possible develop this using React or something similar and import this to framer or it's not possible?
05:25 I cant get the icon or the player icon over the video. It's showing in the correct position in the layers tab, but the player icon isn't visible. Any suggestions?
The component variable name cannot change, and the nav link style cannot rename. I can't get rid of the variance even though there's a close icon next to it. Your website is great but it's very very very buggy.
Former Webflow user. The layers keep glitching, and I sometimes can't click on them. The grid system never works. I set the frame at a fixed height, and the grid layout either eats half of every grid or leaves weird spacing around. I like that you are trying to make website building fun, but I can't trust your website if things like these keep happening.
at 2 minutes and 31 seconds you do something that you don't show on the video. Can you explain? My screen looks different than yours in spite of the fact that I followed exactly. 🙂 Thank you!
15 minutes - LOL. The video quality is not great, you must create clearer vids, as people watching need to stop constantly. Also, you do stuff ahead of explaining. Ultimately I got it all, after commiting several hours to it.
Hi, I really enjoyed your video! I happened to notice at 4:36 an e-commerce feature being used, but you didn't talk about it. It caught my attention, and I'd really like to implement it in my projects, but I can't seem to find it. Could you kindly explain how to access this feature? Thanks in advance for your help.
Thanks for this video. Can you please also help and share a link to understand terminology better? For ex- Adding padding, Component, overlay etc. I can google yes, but it just makes it that much more simpler..thanks
This was a great introduction to Framer. Thank you so much for this content. I must've opened up an account and just had no idea of how to do anything or of what was possible with Framer, but this video has amazed me on how useful and potentially time saving Framer can be. Framer is definitely a brilliant platform 😊
This video definitely helped! I am still stuck on the interactive layout for the 3 different devices. Everything seems to be responsive, however the artboard size doesn't minimize to the tablet or phone. What am I missing.
Hi! I need your help. I'm using a free template, the CMS has 4 projects, and I need to put some extra sections with text, but when I change the first project, automatically changes the 4 projects with the same text, and I need to write different texts on each project, and now it looks the same
Could you maximize the sale of the browser please? It makes it hard to see what you are doing sometimes and wastes a lot of space in the video. Thanks! UpVote if you agree!
Hey everyone. Thank you so much for watching! There is a new 2024 version of this tutorial now available here.
ruclips.net/video/qSDQ3U6Qyaw/видео.htmlfeature=shared
These kinds of videos are great! Please make more videos like theses where you show us how you build different layouts and website designs in framer from scratch!
I hope there will be more tutorials like this. I wish there was a tutorial video on how to prototype "Scroll", "Carousel", etc. on a web page.
Awesome video! Only thing is: the font is very tiny, guys. You need to increase the zoom or change screen resolution before recording. Please! 🙌
Love Framer, this is really a game changer for the no code community. Now we just need a way to integrate with things like memberstack and stripe and we can create our own e-learning or e-commerce platforms. Goodbye Webflow!
stripe you can get link out?
@@moshe3072 you can link your Gumroad
@@test-qo5ye I'd have to disagree entirely, and if you're an avid user of both, you would know all the valuable reasons I don't need to type out here
@@Optable I take back my comment. It was rushed even without looking at it in detail. It is also a brilliant tool with a very sensible and clear user interface.
Just did the tutorial. The UX is mind-blowingly good. Great work!
i am mindblown… as a creative who has a clear vision of what i want my website to look like but has zero coding skills, this is a gamechanger
I really like these kinds of videos! I would love to see a video like this in which you explain how to work with overlapping layouts like you would with negative margins.
omg so good!!!! So easy to follow. You guys are such geniuses !!!!!!!!
Very nice video. Just an improvement suggestion: how about including some helpful graphics on the video with the headline of the topic that’s is being covered? Anyway, keep up the good work
Jullie zijn helden. Wat een heerlijk product is dit
Great video. Thanks for making it so clear!
Super helpful, thanks for the walkthrough Benjamin!
Can you create a revised tutorial of this type? It appears that some of the steps are no longer functional, or I am unsure if this is a current bug. We would greatly appreciate it if you could provide an updated version.
Excellent video. Thank you a lot!
love this kind of contents, please add more
At 8:00, I am aware of changes that flow from Desktop all the way down to the Phone. But there are times that some components or element changes do not get carried over to the Tablet or Phone. Is this a Framer bug? Or am I the only one experiencing this? Or is this perfectly normal since you already need some permanent changes on the small screen?
Oh I get it. You need to "Reset Overrides". And if it is still too much work to assemble the lower breakpoints, it means there is a much bigger problem upstream. You need to put more organization, frames and stacks on the higher templates.
Please could you guys should add a redo "CTRL + Y" to Framer? That'd be awesome
Thank you Benjamin for the video it helped me understand the platform a little better.
I'm coming from a WordPress background (Elementor) This took me a lot longer than 15 minutes. A few things weren't working as you showed in the video.
I had issues with the navbar, it's content kept going off-centre, the copying and pasting the effect didn't work until I restarted the project... etc...
Thanks for video - I'm used to webflow and framer feels similar
I am so done with web flow after all the changes they made in the past 9 months. Hello Framer, probably more than enough for what I need.
which changes? I have the impression they purposefully ignore feature requests, even those with 10K votes that are 8 years old.
Nice one, but so many items are not there anymore, e.g. the Text Styles part at the end of the video. Would be great to keep those videos up to date :D
Loved the video and loved the wallpaper: does anybody know where could I find it? Thanks
Awesome tutorial ! I need help with something - when I set my page to auto height, it just becomes tiny , like the size of the top bar - but I definitely have multiple large frames inside of it. Any suggestions?
Are the large frames fixed to the viewport by any chance? Then they won’t be accounted for. In the Stack, they have to be relatively positioned.
@@Framer i think the UX for that needs to be improved. Either through a question mark button, or some kind of marker on the canavas.
People unfamiliar with CSS really struggle with that.
I got to 8:12: 'Fit contents' collapses the page to the Topbar. 8:32 No 'default size' and 'Fill' is greyed out. At this point I can't follow along.
Thanks a lot for this video! At 8:40 I set Width on "fill" for my video but only the frame was filling the page, not the thumbnail of the video itself. How can I fix it ?
The same issue is here
I’m super excited!
Hello! On 8:31 you lock the aspect ratio and you write 1fr, i cannot write this it writes a number instead and there is no option to put fill :( please help
I need help!. How do I get my pages to show from my home pages? When I click on the subtitles on my home page, nothing happens. It just slightly changes color.
Hi...if I want to do a website with some "relatively complex" component, would be possible develop this using React or something similar and import this to framer or it's not possible?
Hey, yes you can. Learn more over at → www.framer.com/developers/
Awesome video
Does Framer give domain and host with it???
Very nice 😊. Grt work....
Please add Guest Board feature.
Why would you fill space with a no color frames? Can't I just set space-between margin like in Figma?
how do you make the video play on clicking the play icon?
05:25 I cant get the icon or the player icon over the video. It's showing in the correct position in the layers tab, but the player icon isn't visible. Any suggestions?
That happened to me: click on the video in the layers. Goto: Styles / Z index / set to -1 or 0
@@RedfieldmediaCoUk Cheers mate. I've figured it out.
Can I open the website in my mobile phone ?
Because I cant open in mobile phone only in desktop
Just loved it! ❣❣❣❣❣❣
So glad!
Amazing. Thank you!
Super video!
I love framer
This ia super helpful!
If we are using a video could we change the aspect ratio of the video file as per the screen breakpoint? 4:3 for desktop 9:16 mobile?
Create a componente and make variants.
not working for me
Sticky sidebar tutorial please
The component variable name cannot change, and the nav link style cannot rename. I can't get rid of the variance even though there's a close icon next to it. Your website is great but it's very very very buggy.
You should join our Discord, feel free to tag me there (@benjamin)
Double click the variant name in the Layer panel. Right click the style. Last one I dont understand.
Former Webflow user. The layers keep glitching, and I sometimes can't click on them. The grid system never works. I set the frame at a fixed height, and the grid layout either eats half of every grid or leaves weird spacing around. I like that you are trying to make website building fun, but I can't trust your website if things like these keep happening.
You should join our Discord, feel free to tag me there (@benjamin)
at 2 minutes and 31 seconds you do something that you don't show on the video. Can you explain? My screen looks different than yours in spite of the fact that I followed exactly. 🙂 Thank you!
Alhamdulillah saya bisa bang
Why did you add RUclips player over a video? Can I just have a video player there?
can you make a vido abate payment sistem?
🎉🎉🎉
Vous êtes goude
How to add user authentication to a framer site ?
You need React
followed tNice tutorials one? Thank you. And for thank you. If it's anytNice tutorialng I can do in return, let know.
Yaahh
02:58
0:39
5:43
Section 1, video 1 0:22 : 'First thing we'll do is select the frame tool'. Go to the equivalent spot in framer..... no frame tool
yessir
Framer using lot of processor power please optimize!
😊😊😊😊❤❤
Ok
this is not a website, its just 1 heading, button and video...
You can make it as crazy as you want. This just shows you some of the basics so you can get started :)
15 minutes - LOL. The video quality is not great, you must create clearer vids, as people watching need to stop constantly. Also, you do stuff ahead of explaining. Ultimately I got it all, after commiting several hours to it.
Hi, I really enjoyed your video! I happened to notice at 4:36 an e-commerce feature being used, but you didn't talk about it. It caught my attention, and I'd really like to implement it in my projects, but I can't seem to find it. Could you kindly explain how to access this feature? Thanks in advance for your help.
¡Muchas gracias! Son el futuro, han resuelto lo que realmente necesitamos para web. ¡Un saludo desde México!
Finally frammer post video for make a website from 0
Thanks for this video. Can you please also help and share a link to understand terminology better? For ex- Adding padding, Component, overlay etc. I can google yes, but it just makes it that much more simpler..thanks
Hi, this looks great! i'm just wondering, is this a prototyping tool like figma, or an actual app builder kind of like retool?
Thank you for this! Please show more tutorials of examples of websites! (:
Is this tool just for prototypes or is there a way to publish the finished product?
It’s for websites! Yes, you can publish those.
This was a great introduction to Framer. Thank you so much for this content. I must've opened up an account and just had no idea of how to do anything or of what was possible with Framer, but this video has amazed me on how useful and potentially time saving Framer can be. Framer is definitely a brilliant platform 😊
This video definitely helped! I am still stuck on the interactive layout for the 3 different devices. Everything seems to be responsive, however the artboard size doesn't minimize to the tablet or phone. What am I missing.
Hi! I need your help. I'm using a free template, the CMS has 4 projects, and I need to put some extra sections with text, but when I change the first project, automatically changes the 4 projects with the same text, and I need to write different texts on each project, and now it looks the same
Could you maximize the sale of the browser please? It makes it hard to see what you are doing sometimes and wastes a lot of space in the video. Thanks! UpVote if you agree!
How do you publish my website from framer to my godaddy.. there not even a single tutorial on how to publish
What's the background audio music please 🥺
e blocata usa
Good
Hi, is it a stand alone app?
Yes
The music did not keep me engaged!
I appreciate this video but there have been so many changes to the UI that I feel this should be updated.
I think so too! It’s about that time 🙂
@Framer
@Framer
Basiclly there is no way to understand this video. I've been stuck so many times. please Make new ones!
@@Framer
Bruhh.. I did it too haha
MUCH!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Great! How to trigger a zoom out animation when starting to scroll? Is this possible without any code?
Yes with Scroll Variants
Absolutely interesting