You can disable or "undo" outline mode in Figma by using the same methods you used to activate it: the keyboard shortcut or the main menu option. Outline mode, also known as "Show Outlines," is a toggle feature, meaning using the action again will turn it off.
Toggling Outline Mode On or Off
Figma provides a quick way to switch between the normal view and the outline view. This is particularly useful for checking the structure and layering of your design elements without visual distractions like colors, fills, and effects.
Using the Keyboard Shortcut
The fastest way to toggle outline mode is with a keyboard shortcut. This shortcut works to both enable and disable the mode.
- Mac:
⌘ Command
+⇧ Shift
+O
- Windows:
Ctrl
+Shift
+O
As mentioned in the reference: You can also use the keyboard shortcut to enable and disable show outlines: Mac: ⌘ Command ⇧ Shift O. The Windows equivalent uses the Ctrl
key instead of Command
.
Simply press this key combination again while outline mode is active, and your canvas will return to its normal display.
Using the Menu Option
Alternatively, you can toggle outline mode through the Figma menu.
- Go to the main menu in the upper-left corner of Figma (the Figma icon).
- Hover over View.
- Click on Show Outlines.
If "Show Outlines" has a checkmark next to it, clicking it will turn outline mode off and remove the checkmark. If it doesn't have a checkmark, clicking it will turn outline mode on.
Summary: How to Turn Off Outline Mode
Here's a quick recap of the ways to turn off outline mode in Figma:
- Keyboard Shortcut: Press
⌘ Command
+⇧ Shift
+O
(Mac) orCtrl
+Shift
+O
(Windows). - Menu: Go to Menu (Figma icon) > View > Show Outlines.
Both methods achieve the same result, allowing you to switch back to your design's full visual representation instantly.