There are three ways to connect Figma to NibWP. You only need one. The personal access token is the fastest and works without installing anything.
Method 1 – Personal access token
Recommended. Takes about two minutes.
- 1In Figma, click your profile avatar (top-left) and choose Settings.
- 2Open the Security tab, then Personal access tokens, then Generate new token.
- 3Name it NibWP and set File content to Read-only, then Generate.
- 4Copy the token. It starts with figd_ and is shown only once.
- 5In WordPress go to NibWP, then Figma, then the Connection tab, and paste it.
NibWP validates the token with Figma before saving, and stores it encrypted. The interface only ever shows a masked fingerprint.
Method 2 – OAuth app
Useful for teams and agencies, because each app gets its own API allowance.
- 1Create an app at figma.com/developers/apps.
- 2Add the callback URL shown on the Connection tab to that app.
- 3Paste the Client ID and Client Secret into NibWP and save.
- 4Click Connect with Figma and approve access.
Method 3 – Dev Mode MCP
For working live inside Figma. Requires the Figma desktop app and a Dev or Full seat.
- 1Install the Figma desktop app.
- 2Enable the Dev Mode MCP server in Figma.
- 3Your AI agent then reads the frame you have selected and works through NibWP.
Best of both: keep a token connected so NibWP can pull without the app open, and use Dev Mode MCP while you are designing.