← Intégrations

Figma with OHarness

  • Connecteur
  • Plugin
  • Design et médias

Turn Figma designs into code and keep design systems in sync. OHarness works with Figma out of the box — sign in once in your browser and its tools are in every session.

Cette page est rédigée en anglais. Les termes qu'elle explique sont ceux que l'on cherche en anglais, et un terme technique traduit est un terme différent.

What you get

MCP connectorRead designs, frames and variables from files you have access to. Remote, over streamable HTTP at https://mcp.figma.com/mcp.
Plugin16 skills and 1 MCP server. MCP servers: figma.
Published byFigma
Pinned sourcefigma/mcp-server-guide@f278942

How it signs in

Through your browser, the first time a session uses it. The server answers with a sign-in challenge, OHarness discovers Figma’s authorization server and registers itself there on the spot, and the tokens land in ~/.oharness/auth.json, readable only by you. Nothing to paste, and nothing stored by us.

Try it

Once Figma is connected, a first prompt to see it work:

Open my Figma file and build the screen it describes as a React component.

Adding it

  1. Download OHarness for the Mac, or install the CLI anywhere Node runs.
  2. In the composer, open the + menu and find Figma under Connectors or Plugins.
  3. Pick it and sign in when the browser opens. Its tools are available from the next turn.

Links

Common questions

Does OHarness work with Figma?

Yes. Figma ships in OHarness as both an MCP connector and a plugin, so it is in the menu on first launch with nothing to look up.

How does the Figma connector sign in?

Through your browser. The first request is answered with a sign-in challenge, OHarness registers itself with Figma's authorization server on the spot, and the tokens are kept on your machine in auth.json, readable only by you. There is no key to paste.

What does the Figma plugin install?

16 skills and 1 MCP server. It is installed from figma/mcp-server-guide at commit f278942, the exact version OHarness was checked against, rather than whatever is on a branch today.

Is OHarness affiliated with Figma?

No. OHarness works with Figma through its public MCP server; Figma and its logo belong to Figma.

More in design & media

Adobe · Canva · HyperFrames · Mapbox · Miro · Runway

Figma and its logo belong to Figma. Listed because OHarness works with it, not because Figma endorses OHarness.

Use Figma from OHarness

The same Figma tools in every session, whichever of the model providers is underneath.