{
  "slug": "figma",
  "canonical": "https://doesitcli.com/figma",
  "markdown": "https://doesitcli.com/figma.md",
  "displayName": "Figma",
  "homepage": "https://www.figma.com/",
  "cliType": "standalone",
  "region": "global",
  "cliInstall": [
    {
      "command": "npm install --global @figma/code-connect@latest",
      "official": true
    }
  ],
  "skillInstall": [
    {
      "command": "claude plugin install figma@claude-plugins-official",
      "official": true
    }
  ],
  "openSourceDocsUrl": "https://github.com/figma/code-connect",
  "officialDocsUrl": "https://help.figma.com/hc/en-us/articles/23920389749655-Code-Connect",
  "categories": [
    "design"
  ],
  "tags": [
    "ui",
    "ux",
    "design-system",
    "codegen"
  ],
  "oneLiner": "The collaborative interface design tool bridging designs to code via Code Connect.",
  "description": "Figma's Code Connect CLI represents a paradigm shift in design-to-code workflows. Running locally in a repository, the CLI maps Figma component attributes to actual React/Swift codebase implementations. Combined with Figma's official MCP server and Agent Skills, AI assistants can now read design intent and generate pixel-perfect, component-aware frontend code directly from the terminal.\n",
  "intents": [
    "generate accurate boilerplate code for complex UI elements using `npx skills add figma`",
    "publish bidirectional property mappings to ensure design and code stay synchronized",
    "allow autonomous agents to inspect layout bounds and colors without needing visual rendering"
  ],
  "alternativesTo": [],
  "status": "active"
}