code-connect icon indicating copy to clipboard operation
code-connect copied to clipboard

FIgma connect interactive setup does not appear

Open mijnnaamisramon opened this issue 11 months ago • 1 comments

  • Code Connect CLI version: 1.2.4
  • Operating system: Windows
  • Node version: v22.3.0
  • React: 18.3.1
  • Next: 14.2.3

I just tried all the steps in https://www.figma.com/code-connect-docs/quickstart-guide/ in my new Next/React project. But when I run npx figma connect --token=PERSONAL_ACCESS_TOKEN using my person access token in the root folder (or any other folder for that matter)I get this:

No config file found in D:\Git\Project, proceeding with default options Using "html" parser as package.json containing no other supported web frameworks was found in D:\Git\ Project. If this is incorrect, please check you are running Code Connect from your project root, or add a parserkey to your config file. See https://github.com/figma/code-connect for more information. HTML projects are currently not supported by Code Connect interactive setup

But it's a React project, and at this point the interactive setup should start as stated in the docs, which would ask for the parser. I have nothing to go with at this point. What am I doing wrong? :)

mijnnaamisramon avatar Jan 14 '25 11:01 mijnnaamisramon

Hi @mijnnaamisramon could you share your package.json file? That's the file we're checking to infer the project parser to use.

Alternatively you can set the parser explicitly by creating a figma.config.json file in the folder and add parser: "react" to it (see the docs for more information)

ptomas-figma avatar Jan 15 '25 13:01 ptomas-figma