Search Our Knowledge Base…

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)

  1. Click once to select an element or its parent.

  2. Double-click the text element to enter text editing mode.

  3. The text cursor appears. Select all and type your new content.

  4. 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:

  1. Click the component instance (purple border).

  2. In the right panel, find the text property (e.g., "Title", "Description").

  3. 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.