Use Chrome Developer Tools
What: Use the Developer Tools to view and capture any errors in the Console log, or problems connecting to the Network.
Why: The Developer Console Log gives us access to a list of actions the browser has performed. This will highlight any error messages that appeared during the process. The Network tab details any connection issues.
Open Developer Tools
Open the Developer Tools using the Keyboard shortcut. This works in both the Figma Desktop and Figma Web apps.
- Mac: Command Option I
- Windows: Ctrl Alt I
Or, head to Help in the menu bar and selecting Toggle Developer Tools:
Export Console Log
-
From the Developer Tools window, select the Console tab:
-
Any Console errors will be shown in red. Right-click in the console and choose Save as from the options.
Note: We recommend saving a copy of the log. This allows us to view the errors in more detail and is preferable to taking a screenshot.
You may see console errors relating to "api-iam.intercom.io". These do not impact performance or indicate an error with Figma. You can safely ignore these. -
Attach the File(s) to your conversation with Figma Support.
Tip! Follow the links below for more information on how to use the Developer Console in your preferred browser:
Export the Network Log
The Network log will highlight any connection issues. This is useful if you're experiencing issues with loading times, image quality, or importing and exporting assets.
- From the Developer Tools window, select the Network tab:
- Perform the action you're experiencing an issue with. This could be importing an image, interacting with an object, or performing a multi-player action.
- The Network tab will show details of any interactions between your Figma account and the network.
- Click the down arrow
⇩in the toolbar to Export HAR file:
- Attach the File(s) to your conversation with Figma Support.
Need to submit a bug report? Check out our Submit a bug report to Figma article for more information.