Skip to main content
Josh
Josh
Former Community Manager
June 22, 2023

VS Code extension — tips if you're having trouble getting set up

  • June 22, 2023
  • 30 replies
  • 12179 views

Hi there,

The Dev Mode team are looking into the problems some people are having while trying to get started with the VS Code extension, and hope to have updates out soon, but for now have asked us to share the following tips:

  1. The extension is not currently compatible with VS Code Insiders though we’re hoping to have support for this soon. For now we suggest use the regular VS Code version if you’d like to use Figma for VS Code: Download Visual Studio Code - Mac, Linux, Windows

  2. If you are are stuck in a loop of VS Code asking you to “Accept terms and conditions” please log into VS Code before connecting in Figma.

You can log in to the VS Code extension by:

  1. Clicking the Figma icon in the sidebar of VS Code
  2. Clicking “Log In” and following the instructions
  3. You can then click “Open in VS Code” in Figma however, you may need to accept our Terms of Use to allow VSCode to connect.
  4. In order to accept the Terms of Service, you’ll need to click “Next” in the Dev Mode modal.

Once we have any updated information the team will post it here and if you have any follow up questions about these suggestions, or continue to have trouble getting started with the extension we’d appreciate if you can use reach out to the Product Support team directly via this form: https://help.figma.com/hc/en-us/requests/new

Thanks!

      30 replies

      Show previous replies
      Muhammed_Jameel
      July 1, 2023

      I had the same issue even though I was already logged in to my account and I could not log back in, so I went back to version 0.1.2 of the extension where I had the option to authenticate ( log in ), logged back in to my account and then updated the extension to the latest version, it works now

      Sunny_YM_Lau
      July 3, 2023

      image

      These are the error message I got when clicking the Login/ Restart login flow button

      Leon_Pelletier
      July 3, 2023

      VS Code Insiders is the latest VS Code version. If this Figma extension is not compatible with it, wouldn’t it means that it won’t be compatible with future versions of VS Code ?

      Gilead_Odo
      Gilead_Odo
      July 12, 2023

      I can’t get past that loading state. I can’t access my projects.
      image

        Maria_Lipinski
        July 13, 2023

        Screenshot 2023-07-13 at 10.03.35
        Same here

          Gosia4
          Gosia4
          July 17, 2023

          I alsp have the same issue 😕

            Gilead_Odo
            Gilead_Odo
            July 19, 2023

            To address the issue at hand, I have discovered a workaround that involves performing the following steps:

            1. Close VSCode completely.
            2. Reopen VSCode.
            3. Open the Figma extension within VSCode.
            4. A login prompt will appear, prompting me to log in.
            5. After successfully logging in, I will be able to view my projects within the Figma extension.

            By following these steps, I have been able to overcome the problem temporarily.

            Ric_Mershon
            July 19, 2023

            Has there been a resolution to the issue with the login flow doing nothing? I’d love to use this plugin.

            Stepan_Orlov
            July 25, 2023

            try logging in again

            1. While in VS Code, Press Shift+Command+P to Show and Run Commands.
            2. Select Figma: Log out from the list of options in the search bar.
            Denes_Csala
            August 6, 2023

            This seems to be an issue with the Windows Credential Manager
            Delete a few VSCode entries from there, and Figma login should work!

            Show more replies
            Terms & ConditionsAccessibility statement