All my layers accidentally turned into this 'vector' thing

So I have a school project to make a website design that I decided to work with my friend. But recently he sent me a screenshot about all of our work’s layers turned into this ‘vector’ thing that I don’t know what it is (picture included)


.
I am still new to Figma so I don’t really understand what happened, wonder if someone knew what we were doing wrong? It’s probably just our stupidity, I guess we just needs a simple fix…

Hey Muhammad, I had a similar incident when I started using Figma, so glad you reached out!

You’ve turned on the Outlines mode in Figma. This mode is like an x-ray machine to your canvas.

To turn this off follow these steps:

  1. Click the Zoom/view options menu in the right corner of the toolbar.
  2. Untick Outlines > Show outlines.