---
title: "How to Highlight Text in Figma"
h1: "How to Highlight Text in Figma"
description: "Discover the step-by-step guide on how to highlight text in Figma. Enhance your design skills and make your projects stand out with effective text highlighting techniques."
route: "/learn/how-to-highlight-text-in-figma"
canonical: "https://www.layerpath.com/learn/how-to-highlight-text-in-figma"
---

# How to Highlight Text in Figma

This guide will walk you through the steps needed to highlight text in Figma using the Rectangle and Fill tools. Follow these steps carefully to achieve a highlighted text effect.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cm9b4kt3l0001l70ctvq1l0ow/tour

Tour id: cm9b4kt3l0001l70ctvq1l0ow

1. **Select the Text Layer** – Click on the text you want to highlight.
2. **Create a Rectangle** – Use the shape tool (press **R**) to draw a rectangle behind the text.
3. **Match Rectangle to Text** – Resize the rectangle to align with the text’s dimensions.
4. **Set Highlight Color** – Choose your desired highlight color from the Fill options.
5. **Send Rectangle Backward** – Right-click the rectangle and select **Send to Back** or use shortcut `Ctrl/Cmd + [`.
6. **Group Both Elements** – Select both the text and rectangle, then press **Ctrl/Cmd + G** to group them.
7. **Done** – Your text is now highlighted with a custom color in Figma.