A basic Framer tutorial, showcasing how to create a simple landing page in Framer—completely from scratch, and in just about 15 minutes. Try Framer for free here: https://www.framer.com/
Timestamps:
00:00 Introduction
00:23 Drawing a Topbar
01:20 Creating a Stack
02:19 Creating a Component
02:32 Creating a Text Style
04:00 Creating a Link
04:26 Adding a Video
05:01 Adding a Hover State
06:47 Adding Breakpoints (Responsive Workflow)
07:58 Turning Pages into Stacks
08:58 Adding a Content Wrapper with Max Width
12:05 Adding an Overlay
13:19 Adding Appear Effects
14:20 Customizing the Overlay
15:24 Adding Page Links to the Topbar
🌞 Try Framer for free: https://framer.com/
💖 Follow on Twitter: https://twitter.com/framer
💎 Join Discord Community: https://discord.gg/framer
#website #webdesign #framer
source
¡Muchas gracias! Son el futuro, han resuelto lo que realmente necesitamos para web. ¡Un saludo desde México!
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!
I wouldn’t mind if 50% of the video’s are you making a new website step by step.
Finally frammer post video for make a website from 0
Please add Guest Board feature.
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.
Please could you guys should add a redo "CTRL + Y" to Framer? That'd be awesome
I’m super excited!
Thanks Benjamin. That was very helpful and I'm pretty impressed by the features you folks added to Framer in the last few months. Now I need to brush up my react.js skills and I want to make sure I can match the necessary level of Accessibility for the page. This is essential to me like using semantic HTML. Next is taking first steps with Motion and get going with page design. It is fun to work with Framer so far. Take care folks.
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.
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!
Great video. Thanks for making it so clear!
Thanks for sharing the video. Could you make another video making an e-commerce website including CMS & payment with Stripe or Paypal payment system and how to publish it online, thanks))
Why not creating a portfolio website plus publishing it live online, thanks.
How to add user authentication to a framer site ?
followed tNice tutorials one? Thank you. And for thank you. If it's anytNice tutorialng I can do in return, let know.
Absolutely interesting
yessir
MUCH!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Bruhh.. I did it too haha
Hi, this looks great! i'm just wondering, is this a prototyping tool like figma, or an actual app builder kind of like retool?
can you make a vido abate payment sistem?
Great! How to trigger a zoom out animation when starting to scroll? Is this possible without any code?
Just did the tutorial. The UX is mind-blowingly good. Great work!
Is this tool just for prototypes or is there a way to publish the finished product?
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?
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!
This video made me realize just how powerful this application is.
at 5:18 I am drawing a frame, but it is not visible, and keeps going to the back. Please help.
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.
This ia super helpful!
this is not a website, its just 1 heading, button and video…
Hi, is it a stand alone app?