Welcome to the ultimate beginner's guide to framer, the powerful no-code tool for website development where i am teaching you how to convert it from Figma to Framer.
In this tutorial, I'll cover the basics of using Framer, a powerful tool for designing and building websites without coding. I break down each topic step by step of creating the landing page of personal portfolio website from the basics of the interface to the intemediate techniques, You'll learn how to create dynamic components and make your website responsive for all devices. We'll also dive into the exciting world of animations, showing you how to bring your designs to life. By the end of this course, you'll have the skills to build your own website using Framer.
Live Demo: profilifo.framer.website/
Course Update and Remix Link: jemsee.com/products/
Full Playlist Link: • Framer Beginner Guide
Get 3 Months of FREE Framer PRO Plan: www.framer.com/?via=jemsee_d
Apply this Promo Code while checkout: "partner25proyearly"
TimeCodes:
00:00 Introduction
01:22 Fundamentals of Framer
10:51 Hero Section
20:51 Reusable Component
29:10 About Section
32:58 Feature Section
39:47 Ticker/Logo Carousel
44:30 Testimonial/Slideshow Component
49:55 Image on Hover/Experience Section
57:20 Footer Section
01:00:33 Links and Animations
01:09:08 Responsive Website
01:15:12 Conclusion
Join the course and embark on your journey into the world of web development.
👉 Follow Me:
Twitter: / @jemsee_d
Linkedin: / jemsee-d-922941245
#framer #nocode #tutorial #framertutorial #webdevelopment #webdesign #designinframer #nocodetools #framerdesign
Негізгі бет Learn FRAMER in 1 HOUR(Crash Course) - Portfolio Website [Free Template]
Пікірлер: 88