<?xml version="1.0" encoding="utf-8"?>

Rulers

Rulers

Rulers are tools that help you measure and align elements in your design. They appear along the top and left edges of the canvas, showing measurements in pixels. Think of rulers like a digital measuring tape, providing a reference for placing and spacing your design elements accurately. For instance, if you're designing a webpage and want to ensure that the text and images are aligned consistently from the top of the page, you can use the horizontal ruler at the top to guide you. Similarly, the vertical ruler on the left can help align elements side by side.

To enable rulers in Figma, go to the main menu, select: View > Rulers, or use the keyboard shortcut Shift R.

Improve your UX & Product skills with interactive courses that actually work