Skip to main content
Question

Tutorial: How to open console in Figma

Gleb
  • Gleb
  • Power Member
  • 4706 replies

Desktop app

Go to Plugins → Development → Open Console

Or press Ctrl + Shift + i (Windows) or Cmd + Option + i (macOS)

Figma menu: Plugins → Development → Open Console

Then switch to the Console tab at the top of the opened developer tools window:

Developer tools window, Console tab selected

Browser: Chrome

To open the console in Chrome, use this keyboard shortcut: Cmd + Option + J (macOS) or Ctrl +Shift +J (Windows). Or click the three dots menu at the top right of the Chrome window and then select More Tools > Developer Tools.

Chrome three dots menu → More Tools → Developer Tools

Browser: Safari

Go to menubar menu Safari → Preferences (or Cmd + ,), click Advanced, then select “Show Develop menu in menu bar”. Now you can go to menubar Develop menu → Show Javascript Console

Safari Advanced Preferences panel. “Show Develop menu in menu bar” checked at the bottom.

Develop → Show Javascript Console

Other browsers

Read here: Finding Your Browser's Developer Console | Balsamiq

    This topic has been closed for comments

    3 replies

    Andreslav_Kozlov

    The unpleasant thing is that the Figma interface intercepts keystrokes -, +(=), т(n), ш(i) and others when entering the console. This is terrible ☹

    B
    • b111
    • 15 replies
    • January 17, 2023

    ctrl + shift + i did not work for me. but ctrl + alt + i did.

    S
    atvnbi
    J
    3 people like this
    • S
      SHRIRAM
    • atvnbi
      atvnbi
    • J
      jwliu
    atvnbi
    • atvnbi
    • 9 replies
    • June 16, 2023

    👍 ctrl + alt + 1 also work for me on Windows.

    S
    1 person likes this
    • S
      SHRIRAM
    Terms & ConditionsCookie settings

    Cookie policy

    We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

     
    Cookie settings