How do I get the Figma VSCode extension to work in Cursor?
UPDATE: The Figma extension now natively supports Cursor! Things should work as normal.
Until they support deep links for vscodium based editors, to login:
1. Follow the redirection.
2. Toggle the developer tools on the page opened, go to āNetworkā
3. Press the button: āOpen Figma for VSCodeā. Cancel the popup, then click the first network request, that says grant
4. copy the response: āg_secretā param, and paste in a new tab: cursor://figma.figma-vscode-extension/app_auth_redeem?g_secret=${PASTED_G_SECRET}
5. Follow the redirect to Cursor
@truell20 is the idea here to eventually allow Cursor to reference/build off of Figma files? Know the gpt-4 vision API is still in beta, but that would be epic for frontend
I followed the same steps up to step 5, but I canāt login to figma from the cursor and repeat the process.
Hey thanks for the help on setting up the Figma extension I was able to get it working!
Still feels like we should be better :). We will try to get Figma to support us!
Is this something different from what you did above? I did the same thing, but it keeps repeating the login flow.
This was so helpful, thanks so much for this. The important thing for me was to get the g_secret param before closing the alert, as doing this would close the tab itself.
worked for me, thanks a bunch!
Hey, Iām a premium Cursor member, but not a paid Figma user. Dev mode is out of Beta since last week, so I donāt see the credentials in the grant. Iām unsure itās correlated, but it seems so.
Is there any other workaround?
@alvaroybanez Maybe this will help you: Figma extension always get back to VSCode Ā· Issue #1108 Ā· getcursor/cursor Ā· GitHub
Figmaās extension now natively supports Cursor (as of v0.3.4)! Let us know if you run into any issues.
hey, coming back to this! Is there a way to feed the Figma file as a public link (with read permissions) to Cursor? It should be able to directly access the content, right?
Just wondering if this is in the pipeline or if there is a workaround. ![]()
could you give a step by step instruction on how to enable Cursor extension on Figma? Thanks
None of the solutions here work at Linux.
more than 2 years later still no figma extension
It looks like something must have changed, because the Figma extension does not show up in the extension search results in Cursor, nor does installing it via ctrl+P and then ext install figma.figma-vscode-extension.
I found another thread that had instructions for manually loading the Figma extension .visx file. That worked for me, frustrating that its not available from the marketlplace Have passed on the feedback to Figma.
Thread with instructions: Macos figma extension doesn't exist anymore?
FYI I made this lil site that lets you add any extension available on VSCode to Cursor:
