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!

Here are the steps you can take:



  1. Log out of VS Code: Close all VS Code windows and sign out of your account.

  2. Clear VS Code cache: Go to the following folder on your computer:~/.vscode/extensions Delete all the files and folders in this directory.

  3. Reinstall the Figma extension: Open VS Code and go to the Extensions marketplace. Search for “Figma” and install the official extension from Figma.com.

  4. Relaunch VS Code: Close VS Code and then open it again.

  5. Connect to Figma: In VS Code, go to the Figma tab and sign in to your Figma account.


If the problem persists, you may need to try the following steps:



  1. Reset VS Code settings: Go to Code > Preferences > Settings. In the search bar, type “reset” and click on “Reset settings”. This will restore all VS Code settings to their defaults.

  2. Uninstall and reinstall VS Code: Download the latest version of VS Code from the official website and install it. This will overwrite your existing installation and may resolve the issue.


If you have tried all of these steps and the problem is still not resolved, you may need to contact Figma support for further assistance.


I hope this helps!

I have linked my file to dev resource, got the toast saying link created

Screenshot 2023-12-05 at 06.23.03


But just created link is not showing under resources only shows the resource that I have added from Figma file itself

6 months and I still can’t login into Figma to VScode

image

image


I have problems with loading after successfully login in. Anybody with similar issues and solved it? pls.

asking me to get dev mode, which I already have

image

Reply


Terms & ConditionsCookie settings