Allsite

Platform

Feature Guide

Framer Canvas 101

Essential concepts for new users.

Platform

Feature Guide

Framer Canvas 101

Essential concepts for new users.

Platform

Feature Guide

Framer Canvas 101

Essential concepts for new users.

Benjamin Libor

Published on

Summarize

Captures new-to-Framer traffic.

Audience

Beginners
Freelancers

Topics

Canvas basics
Starter concepts
Workflow tips

If you’re brand new to Framer, the canvas can feel like a blank universe. This 101 guide covers the core concepts you need to start building without getting lost.

Pages and Frames

At the top level you’ll work with pages. Each page contains frames—sections, layouts, and components that make up your design.

Stacks and Layout

Stacks help you:

  • Align content horizontally or vertically.

  • Set consistent spacing between elements.

  • Create layouts that adapt when the screen size changes.

Text, Images, and Components

Framer gives you simple building blocks:

  • Text for headlines, body copy, and labels.

  • Image and video layers for media.

  • Components for reusable buttons, cards, sections, and more.

Preview and Publish

At any time you can preview your page as a live prototype, test interactions, and eventually publish to a production-ready site with a custom domain.

Conclusion

Framer Canvas 101 is about comfort with the basics: frames, stacks, components, and preview. Once those feel natural, you can layer in CMS, code components, and more advanced patterns at your own pace.

Related Insights

Opinion Piece

Everyone Has the Same Website Now

When the tools are identical, the outputs converge. Differentiation doesn't come from the prompt — it comes from the thinking behind it.

Opinion Piece

The ROI Was Never in the Launch

A website that your team can't operate isn't an asset — it's a cost centre with a good-looking front end.

Opinion Piece

Why Does Your Website Look Like Everyone Else's?

When the tools are identical, the output converges. Differentiation was never going to come from the prompt.

Opinion Piece

You're Using AI in the Wrong Place

AI doesn't replace the website build. It accelerates every step around it — if you know where to apply it.

Opinion Piece

AI can launch your website. It can’t run it.

AI builders are optimized for speed at the moment of creation. But real companies don’t struggle to launch — they struggle to keep things moving after. What looks fast on day one often turns into friction by week four.

Opinion Piece

Your website isn’t a design project — it’s your marketing system

Most companies still treat their website like something you launch and admire. In reality, it’s the system your entire marketing team depends on to execute. If it’s not built for continuous use, it becomes a bottleneck instead of an advantage.

Opinion Piece

Your Website Is No Longer an Engineering Problem

For a decade, developers owned the website. That era is over — and most companies haven't caught up yet.

Opinion Piece

Fast to Build. Slow to Run.

AI makes launching a website the easiest part. Everything that comes after is where the real cost shows up.

If you’re building something category-defining, we’d love to chat.

If you’re building something category-defining, we’d love to chat.

Request Project