# How to Use Framer Templates

> To use templates in Framer, start a fresh project and discover pre-built components or click Browse All for more options. Select a design style and professional template, click Use for free, and confirm your selection. Edit text, upload images, adjust elements, delete unwanted sections, examine responsive behavior, and click Publish.

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

## Steps

1. Start a fresh project and unleash your creativity.
2. Discover pre-built website components to accelerate your design.
3. Click 'Browse All...' to access the complete template collection for more options.
4. Select a design style that matches your brand identity.
5. Choose from professionally designed website templates.
6. Begin designing with Framer's powerful free tools by clicking 'Use for free'.
7. Click 'Confirm' to confirm your selection to begin customizing.
8. Click on any text block and start typing.
9. Click on images and use the right-hand panel to upload new ones or choose from the media library.
10. Drag and drop elements or use layout settings to adjust spacing, alignment, etc.
11. Delete sections you don’t need by selecting them.
12. Examine template features and responsive behavior
13. Click 'Publish' when you're ready to go live.