Skip to main content
Tcoz
Tcoz
June 21, 2023
Question

Where is the Inspect Tab?

  • June 21, 2023
  • 28 replies
  • 36999 views

I looked in the community and found a couple of related posts, but they’re related to accounts/ownership, and since I’m the account owner and I created the file, I’m baffled here.

The inspect panel has disappeared from all my files. I’ve created all of them and never had a problem seeing this panel before (I rely heavily on it). I am logged in (as myself), I appear to be able to fully edit the design of the file, set prototype actions, and so forth.

Just no inspect window. They keyboard commands to show it do nothing, it’s not in the menus, it’s just gone.

?

    This topic has been closed for replies.

    28 replies

    Tcoz
    TcozAuthor
    June 21, 2023

    I think I’ve figured it out, but something is still broken.

    Evidently I now have as an option the new “Dev” perspective. If I activate this, I get an Inspect tab.

    The problem is, I can’t edit the CSS the way I used to. I can copy it, but I can’t edit it directly.

    The problem with this is, if I want to quickly copy all of the properties of a given component to another frame (like autolayout), I can’t just grab the CSS and paste it into the CSS inspect window of that other frame (because I can’t edit the CSS anymore).

    I’m probably just missing something here, but I relied on that capability, I hope it hasn’t been removed.

      Max_Alekseyev
      Max_Alekseyev
      June 22, 2023

      Everything was working fine, but yesterday Figma suddenly froze, the inspect panel disappered after relaunch. Figma for Windows, Win 10 LTSC. I removed Figmaand installed again but no success. No inspect panel in Chrome also in Dev of desing more

      Yevhenii_Ivanov
      June 22, 2023

      @Tcoz I’m having the same problem and it looks like figma support has decided to pretend everything is fine while they fix the issues.

        Tcoz
        TcozAuthor
        June 22, 2023

        I received an email from them, they recognize the issue and are going to see about fixing it.

          undefined0
          June 22, 2023

          I need the inspect for color styles. It’s driving me nuts not being able to quickly get CSS values of the colors and especially gradients.

            Goran_Horvat
            June 23, 2023

            You guys bwoke it.

              Yevhenii_Ivanov
              June 23, 2023

              There is a workaround for copying CSS:

              1. Turn off developer mode.
              2. Right-click on the object or layer to open a context menu.
              3. Scroll down the context menu and select: “Copy/Paste as → Copy as Code → CSS”.

              It works for me. I found more CSS styles there than in developer mode.

                john-mainboard
                john-mainboard
                Active Member
                June 26, 2023

                The Develop mode will be free for now, but later will be locked behind the paywall, but now we have a free INSPECT tab. So with that removal, we are unable to get the developers to see this inspect tab. How can we get that back, as I’m not going to get the developers used to a mode that the boss won’t pay for later.

                  Carlos_Garcia
                  Carlos_Garcia
                  June 26, 2023

                  This. If I have to pay for a developer license just so that my development teams can inspect the spacing and coloring of a read-only document, this is going to be a big issue for my company.

                    Tcoz
                    TcozAuthor
                    June 26, 2023

                    The developer tab already has a “copy” button above the layout and styles windows, the issue is that we can no longer directly edit the content of those windows (like if we want to quickly change a padding value).

                    Once I’ve set the initial values with the UI, I tend to use the edit-css-directly capability almost exclusively. Having it removed is a big problem.

                      Show more replies
                      Terms & ConditionsAccessibility statement