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

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!

2 Likes

I am having this issue

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.

So I’m trying to log in in vs code. I go to the Figma icon in the sidebar and in there it has a button that says “Restart login flow”, but when I click it it doesn’t do anything.

This is my issue also.

Thanks for flagging these ongoing problems with us. We published an update to the extension (version 0.2.1) that should fix these ongoing login issues. Can you try updating the extension to this version and if the problems persist, we’d appreciate if you can reach out to the Product Support team directly via this form: https://help.figma.com/hc/en-us/requests/new .

Using 0.2.1 i’m stuck on login :
The figma pane is here
I click the login button
Restart login flow show up but nothing append

5 Likes

I am also stuck at ‘restart login flow’ issue

1 Like

Same situation like @Fred9
I installed 0.2.1 and opened figma panel, clicking figma no result.

I inspected developer’s tool for VScode, I saw an error below. Hope it helps.

workbench.desktop.main.js:616   ERR command 'actions.clickLogin' not found: Error: command 'actions.clickLogin' not found

Windows10, zip archived version of VS code, 1.74.1

I have the same issue. Immposible to login in figma extention

2 Likes

Same issue here, i click the restart login flow and nothing happens.

1 Like

Mine works on the oldest version @Figma_Support

Looking forward to using this plugin! Hope to support the VSCode insiders version as soon as possible, because I’m using Copilot Chat.

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

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

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 ?

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

2 Likes

Screenshot 2023-07-13 at 10.03.35
Same here

2 Likes

I alsp have the same issue :confused:

2 Likes

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.

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

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.