# How to Highlight Text in Framer

> To highlight text in Framer, add text elements, choose the target text, create component stacks, adjust paddings in the Layout section, define custom properties, check layout consistency, and use the Fill option to adjust the background so it stands out.

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

## Steps

1. Open your Framer project and click 'Text' to add text elements to enhance your design communication.
2. Choose the text you want to highlight.
3. Create component stacks for organized layouts.
4. In the 'Layout' section, adjust and add 'Paddings' to your text.
5. Define custom properties for component variations.
6. Check layout consistency across breakpoints.
7. Click on the 'Fill' option to adjust the background of your text.
8. Make it stand out against the background.
9. That's it! You've successfully highlighted a text in Framer.