Watch Tutorial
Quick Chapters
01
Introduction
Learn what Framer is and what you'll cover in this beginner-friendly tutorial to customise and publish your first website.
00:32min
02
Which Framer plan do I need?
Framer’s free plan is suitable for building and testing; upgrade to a paid site plan when you need a custom domain and production publishing features.
01:20min
03
How does the Framer workspace work?
The Framer workspace organises your projects, pages, layers, assets, and design controls so you can build and manage a website visually.
02:01min
04
How do I edit text in Framer?
Edit text directly on the canvas, then use shared text styles to keep typography consistent across every page of your Framer website.
00:50min
05
How do I change colours in Framer?
Change colours with Framer colour styles so one update can keep backgrounds, text, buttons, and brand accents consistent site-wide.
01:24min
06
How do I add links in Framer?
Add links to buttons or text, then choose a page, section, email address, phone number, or external URL as the destination.
00:49min
07
How do Framer components work?
Framer components are reusable elements. Edit the main component to update every instance, or customise individual instances using the Component settings in the Design panel.
00:50min
08
How do I set up forms in Framer?
Configure your form with a recipient email, connect submissions to email or Google Sheets, and customize the form fields as needed.
00:55min
09
How do I connect a domain to Framer?
Publish with a free Framer subdomain, or connect a custom domain by adding it in site settings and following Framer’s DNS instructions.
01:03min
10
How do I configure Framer website settings?
Configure your site name, favicon, search metadata, social preview, and publishing settings before launching your Framer website.
00:24min