Skip to main content

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!

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


I am also stuck at ‘restart login flow’ issue


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


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


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


Screenshot 2023-07-13 at 10.03.35

Same here


I alsp have the same issue 😕


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.


This seems to be an issue with the Windows Credential Manager

Delete a few VSCode entries from there, and Figma login should work!



In order to accept the Terms of Service, you’ll need to click “Next” in the Dev Mode modal.



I am not seeing a Dev Mode Modal… am I missing something? I do not see a Modal when turning on the dev toggle, nor a “Next” button. Any help would be appreciated.


I installed the beta version, and I tried setting the preferred language for codegen. But when I clicked “Browse codegen plugins,” nothing happened. I was looking to install the Anima plugin for code generation or the Figma to Code plugin. Anyone know any workarounds?


I can’t login, I press the login button, log in on Figma, but then I get the following error in VS Code, which I am not sure what it means


Your user has idle timeout configured and is not currently able to use Figma for VS Code

+1 I am experiencing the same issue. Is this a bug of the beta? Since our enterprise plan and security setting do require the idle timeout settings it would be a real impediment to not be able to use the plugin with these user settings.


Ran into this issue today (on Mac) with the idle timeout error message. Is there still no solution for this?


Reply