# How to Add Section in Framer

> To add a section in Framer, open your project, access the Layout options, use the Frame tool to create your website's section, choose your preferred alignment method, and click the area to define your canvas dimensions for responsive design.

Canonical: https://livedemo.ai/tutorials/how-to-add-section-in-framer/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a2ebbd673bd5aa8e60c7f/preview?step=1

## Steps

1. Open your Framer project.
2. Access 'Layout' options to structure your content with precision.
3. Start by accessing the 'Frame' tool to create your website's section.
4. Choose your preferred alignment method for perfect content positioning.
5. Now that you have added a section in Famer, click this area to define your canvas dimensions for responsive design.