Customization
Editing Text Content
Updating the text in your template is straightforward. Here are the two main methods and when to use each.
Method 1 — Double-click to Edit (Direct)
Click once to select an element or its parent.
Double-click the text element to enter text editing mode.
The text cursor appears. Select all and type your new content.
Press Escape or click outside when done.
Method 2 — Via Component Properties (Preferred)
If the text is inside a component, editing via Properties is cleaner:
Click the component instance (purple border).
In the right panel, find the text property (e.g., "Title", "Description").
Edit the text in the property field.
⚠️ Note: If you double-click into a component and edit text directly (Method 1), you're creating an instance override. This is fine, but editing via Properties (Method 2) is cleaner and more intentional.
Tips for Text Editing
Press Cmd/Ctrl + A inside a text element to select all text, then type to replace.
Framer preserves your text styles when you type — your text will keep the correct font, size, and color.
Don't press Enter to create line breaks unless you want them — Framer text layers can auto-height.
💡 Tip: Use Cmd/Ctrl + Enter to exit text editing mode instead of Escape — it avoids accidentally pressing Escape twice and deselecting the element.
Related to Customization
