How it works

With your instance deployed, redirect users to:

https://YOUR_HANDSHAKE_INSTANCE_URL/auth/HANDLER_ID/redirect

Where HANDLER_ID is either figma or the value passed to the optional id argument of the Figma() factory. (See Options below.)

Handshake will take each user through the Figma OAuth flow and before sending them back to you, at the URL specified by the callback_uri query parameter.

Options

Modify your app/options.ts file to include the Figma() handler like so:

import { Figma, HandshakeOptions } from "handshake";
 
const config: HandshakeOptions = {
  handlers: [
    Figma({
      clientId: string,
      clientSecret: string,
    });
  ],
}
 
// ...

Consult the reference to learn about HandshakeOptions.

Troubleshooting

Facing an issue making Figma work? Open an issue on GitHub to get help.