Feature Guide
Feature Guide
Feature Guide
Feature Guide
1 min read
Framer Canvas 101
Essential concepts for new users.
Benjamin Libor
Benjamin Libor
Benjamin Libor
Benjamin Libor
Key value of this Guide
Captures new-to-Framer traffic.
Captures new-to-Framer traffic.
Captures new-to-Framer traffic.
Captures new-to-Framer traffic.
Topics
Audience
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.
More insights by Allsite
More insights by Allsite
Your request is on its way - we'll get back to you in the next hours.
Insights
Insights
Allsite designs and builds high-end, production-ready websites - from strategy and design direction to Framer development and launch. The website is treated as a core business asset: product narrative, trust layer, and conversion surface in one.
Yes - brand work as it relates to the website. This includes visual identity refinement, design systems, typography, color, layout logic, and tone. Allsite does not position itself as a full-service branding agency - focus beats breadth.
Framer enables faster iteration, cleaner handover, and a more modern editing experience - especially for content-driven, design-forward teams. For complex, CMS-heavy, or AI-native products, Framer offers a better balance of flexibility and maintainability.
No. Projects can start from anything - from rough ideas to existing designs. If a Figma file exists, great. If not, design direction and structure are part of the process.
Projects typically start with a short design & strategy phase, followed by design, build, and launch. Most projects take 3–6 weeks, depending on scope and feedback speed.
Send a short message with: What you’re building Why now A rough scope or goal That’s enough to start the conversation.
Allsite designs and builds high-end, production-ready websites - from strategy and design direction to Framer development and launch. The website is treated as a core business asset: product narrative, trust layer, and conversion surface in one.
Yes - brand work as it relates to the website. This includes visual identity refinement, design systems, typography, color, layout logic, and tone. Allsite does not position itself as a full-service branding agency - focus beats breadth.
Framer enables faster iteration, cleaner handover, and a more modern editing experience - especially for content-driven, design-forward teams. For complex, CMS-heavy, or AI-native products, Framer offers a better balance of flexibility and maintainability.
No. Projects can start from anything - from rough ideas to existing designs. If a Figma file exists, great. If not, design direction and structure are part of the process.
Projects typically start with a short design & strategy phase, followed by design, build, and launch. Most projects take 3–6 weeks, depending on scope and feedback speed.
Send a short message with: What you’re building Why now A rough scope or goal That’s enough to start the conversation.
Request a premium website
You'll receive a fix-price proposal 24hrs post exploration-call.
Request a premium website
You'll receive a fix-price proposal 24hrs post exploration-call.
End-to-end websites and brands for
End-to-end websites and brands for
End-to-end websites and brands for
high-growth scale-ups.
high-growth scale-ups.
high-growth scale-ups.
Ask your fav LLM about Allsite
© Allsite 2025. All rights reserved.