Learn to create and publish a fully functional web page with Framer, no code needed.

Try Framer for free 👉
https://bit.ly/try-framer-free
Get the brief here 👉
https://get-started-with.framer.website/?via=rob_louw

#fullcourse #framer #webdesign

Welcome to the “Web Design: Get started with Framer” course! As your instructor, I have several years of experience in the UX, UI, Visual, and Web design industry, having worked on a range of projects. Throughout this course, I will be sharing my practical knowledge and real-world insights, providing you with an essential understanding of web design basics and how to use Framer to publish world-class websites.

Framer is a no-code tool that allows you to create stunning, interactive websites without having to write a single line of code. The course covers essential concepts such as layout, typography, color theory, and responsive design, and demonstrates how to use Framer to create interactive prototypes and websites. The hands-on approach to learning, with a final project that allows you to apply what you have learned, will give you the skills and confidence to create professional-level websites.

This course is suitable for individuals who are looking to learn web design and Framer from the ground up or improve their existing skills. The comprehensive nature of the course, will ensure that you gain the fundamentals to create stunning, functional websites using Framer. Don’t miss this opportunity to enhance your skills and take your web design abilities to the next level!

Disclaimer:
This course is not authorized, endorsed or sponsored by Framer. However, the instructor is a Framer Partner.

0:00​ Welcome
0:46 What is Framer?
1:40 Warm Up Exercise: Publish a Free Framer site
4:22 Framer Essentials
11:03 Framer Updates
11:45 Web Design Basics
18:08 Design a lo-fi proposal
45:29 Design a Framer site
1:20:10 Recap

Try Framer for free 👉
https://bit.ly/try-framer-free

Try Figma for free 👉
https://bit.ly/get-started-figma

Visit my store 👉
https://bit.ly/rob-louw

Don’t forget to subscribe and thanks for watching!

source

12 Comments

  1. Bru!! I did it! Hours later, and pausing your video at almost every step (googling when I didn't understand various CSS terminology), and then going back 20 seconds each time on your video was tiring, but worth it! It's the only way. Never designed websites before and for the first time, as just a brand designer, I've made a site! I'm sure there's a whole lot more to it, like adding new pages etc, but this is really a great start. Thank you for putting this together. The sound cut out often, which was confusing as I thought I was missing something you were saying, but I got the hang of it. Looking forward to what you make next. Thanks Rob!! 🙂

  4. You use a placeholder for the image, set up the position, size etc and then later delete it to redo the exact the same thing with the actual component ? Is there a way to copy the properties of the placeholder and apply it to the desired components, otherwise it's such a waste of time.

  5. Hello! I'm new to Framer, I'm learning and would like to understand more, I've followed your tutorial and this point I just can't get past it…. The position types; fixed, relative, fill and fit content, min and max width and height. I still can't, even though I am training myself, understand the layer hierarchy (I come from the world of graphic design), and to understand and use these options quickly, I often find myself confused about them. What can I do to better understand it? A more comprehensive focused explanation? It seems so simple, even from your video, but when I'm on the project I get lost…I've studied the official guides as well, but they haven't been enough for me to understand the real differences and proper use. thank you

Leave A Reply

Please enter your comment!
Please enter your name here