Make it yours.
One step at a time.
From your first remix to the final launch. Practical guides for editing your template, using Framer Agent and keeping your site in shape.
Independent guides · Current Framer workflows reviewed October 27, 2026
New to your template?Start with your order and make an editable copy.Get started
2 guidesFramer Agent
6 guidesStyle your brand with Agent
Update one section's visual direction using your own brand rules.
Edit content and copy
Replace sample copy without inventing business claims.
Adjust layout and structure
Change a selected layout and review every breakpoint.
Manage CMS collections
Describe the data structure, then inspect fields and item bindings.
Review a site before launch
Ask for a prioritized review, then verify each finding yourself.
Create a section or page
Build a small first draft with clear content and layout requirements.
Framer UI
12 guidesChoose colors for light and dark mode
Use semantic color styles and check text, images and focus in both themes.
Edit a slideshow or carousel
Find the source of the slides, fit images correctly and test controls.
Adjust an optional preloader
Identify the component before changing a template-specific loading screen.
Build a responsive page with breakpoints
Understand primary layouts and overrides, then test your template between desktop, tablet and phone sizes.
Replace text, images and links without breaking a template
Replace placeholder content, choose image crops, add useful alt text, and check every destination before you publish.
Reuse components, variables and variants
Understand shared components and individual instances, then customize buttons and navigation without accidental global edits.
Keep layouts flexible with Stacks and layout templates
Use flexible sizing for content and shared page structures for navigation and footers, then stress-test longer copy.
Create a consistent visual system with text and color styles
Choose reusable typography and neutral colors, distinguish editor appearance from website themes, and review contrast on real content.
Create your first CMS collection and article pages
Separate article data from page design, connect an index and detail page, and test two genuinely different records.
Build a contact form and verify real delivery
Add a native form, label its fields, configure the destination and test both the visitor experience and the received submission.
Prepare page titles, SEO and accessible content
Write distinct metadata, review headings and images, and check how ordinary and CMS pages appear when shared.
Publish, connect a domain and maintain your website
Launch first to a test address, connect your own domain using current project values, and keep a practical maintenance routine.
FAQ
3 guidesUse the Framer UI path without AI. Agent workflows are optional and may require available workspace credits.