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.

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.

  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.

Ready to transform how you create content?

Ready to transform how you create content?

Ready to transform how you create content?

Similar Learn Articles

Similar Learn Articles

Similar Learn Articles