Skip to content
aarness.
Marketplace

MCP server

Figma

Bring Figma frames, variables and components into the agent to generate matching code.

Haarnessverifieddesignfigmadesign-to-codedesign-system
InstallAdd to a workspace

Install

  1. 1

    Get Haarness

    Free and open source. Skip this step if Haarness is already on your computer.

    Download for macOSor
    curl -fsSL https://haarness.ai/install.sh | sh

    Free and open source. Skip this step if Haarness is already on your computer.

    Download for Windowsor
    irm https://haarness.ai/install.ps1 | iex

    Free and open source. Skip this step if Haarness is already on your computer.

    Download for Linuxor
    curl -fsSL https://haarness.ai/install.sh | sh

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

    Haarness installs on a computer. Open this page there to continue, or use it in the cloud below.

  2. 2

    Add Figma

    Run this in a terminal. Add --global to install for every project, or --local for this project only.

    haarness marketplace install mcp haarness/figma

Notes

Maintained by figma. Setup: https://developers.figma.com/docs/figma-mcp-server/ Needs your own account or key with the service. Signs in through your browser the first time it is used.

Details

Publisher
Haarness
Version
v1
Visibility
public
Updated

Versions

  • v1