Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Design – Figma Learn
  • Tour the interface
  • File utilities

View layer outlines in Figma Design

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Show outlines

Before you start

Who can use this feature

Supported on any team or plan.

Anyone with can view access can do view layer outlines

Viewing outlines in Figma Design is like putting an x-ray machine to your canvas, making it easier for you to inspect, select, and adjust hidden and nested layers.

  • View and select hidden or clipped objects
  • Select objects on the canvas that are behind other layers
  • View stroke details like inner, center, and outer placement
  • View all parts of a boolean operation

Outline_mode_final.gif

Show outlines

From the toolbar:

  1. Open the Zoom/view options menu in the right side of the toolbar.
  2. Go to Outlines > Show outlines.
  3. In the same menu, you can choose if you’d like to Include hidden layers and Include object bounds.

You can also use the keyboard shortcut to enable and disable show outlines:

  • Mac: ⌘ Command ⇧ Shift O
  • Windows: Control ⇧ Shift O

Note: If you prefer to use ⇧ Shift O to toggle show outlines, open the main menu in the top left-corner and go to Preferences > Use old shortcuts for outlines. This setting will also change the keyboard shortcut for outline stroke to ⌘ Command / Control ⇧ Shift O.

Learn how to toggle layer visibility →

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Keyboard shortcuts in Figma
  • Add guides to the canvas or frames
  • Use the actions menu in Figma Design
  • Set custom thumbnails for files
  • Adjust your zoom and view options
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand