Загрузка...

How to Edit Any Framer Template & Build Your Dream Portfolio

🤝 JOIN THE FREE COMMUNITY:
Join me and lets build client projects together!: https://discord.com/invite/vZxn6wZrDD

💡 NEED PERSONALIZED HELP?
Book a 1-on-1 consultation: https://cal.com/lukasmargerie/60min

In this video, I’ll walk you step-by-step through how to download free templates from the Framer Marketplace, edit them to match your style, and even combine sections from different remix links to create your perfect portfolio.

Whether you're just getting started or want to level up your Framer game, this video will help you understand styles, CMS setup, scroll animations, and how to publish your site like a pro.

⏱️ Timestamps:
00:00 – Intro: What you’ll learn
00:34 – Why Framer is perfect for portfolios
01:05 – Picking templates from the Framer Marketplace
04:14 – Downloading and opening templates
06:09 – Understanding the Style Guide
07:22 – Exploring Components & Text Assets
08:27 – How Components & Variants work
09:35 – Reviewing Page Structure & Layers
10:42 – Hero sections and layout logic
13:06 – Project grid CMS setup explained
17:27 – Editing CMS-linked Components
21:50 – Scroll animations & section triggers
23:42 – Custom cursors with hover effects
24:27 – CMS Detail Pages – linking variables
27:55 – Adding conditions for optional CMS fields
29:15 – How to remix & paste new sections
31:55 – Responsive checks (desktop, tablet, mobile)
33:06 – Publishing & connecting a custom domain
34:11 – Final thoughts + Join the community!

🛠️ TOOLS USED:
Framer: https://www.framer.com/?via=lukasm
Screen Studio: https://screenstudio.lemonsqueezy.com/?aff=8vBGv

👾 Join the Discord Community
👉 We host weekly design challenges and live Framer builds
https://discord.gg/vZxn6wZrDD

🎨 Want more videos like this? Like & subscribe for weekly Framer content!

Видео How to Edit Any Framer Template & Build Your Dream Portfolio канала Lukas Margerie
Страницу в закладки Мои закладки
Все заметки Новая заметка Страницу в заметки