get_html

Convert Figma nodes into structured HTML using specified formats (semantic, div-based, webcomponent) and CSS handling modes (inline, classes, external). Outputs HTML content for seamless design-to-development workflows.

Instructions

Generates HTML structure from Figma nodes.

Returns:

content: Array of objects. Each object contains a type: "text" and a text field with the generated HTML string.

Input Schema

Name	Required	Description	Default
`cssMode`	No	Optional. The CSS handling mode: "inline", "classes", or "external". Defaults to "classes".	classes
`format`	No	Optional. The HTML output format: "semantic", "div-based", or "webcomponent". Defaults to "semantic".	semantic
`nodeId`	Yes	The unique Figma node ID to generate HTML from. Must be a string in the format '123:456'.

Input Schema (JSON Schema)

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "additionalProperties": false,
  "properties": {
    "cssMode": {
      "default": "classes",
      "description": "Optional. The CSS handling mode: \"inline\", \"classes\", or \"external\". Defaults to \"classes\".",
      "enum": [
        "inline",
        "classes",
        "external"
      ],
      "type": "string"
    },
    "format": {
      "default": "semantic",
      "description": "Optional. The HTML output format: \"semantic\", \"div-based\", or \"webcomponent\". Defaults to \"semantic\".",
      "enum": [
        "semantic",
        "div-based",
        "webcomponent"
      ],
      "type": "string"
    },
    "nodeId": {
      "description": "The unique Figma node ID to generate HTML from. Must be a string in the format '123:456'.",
      "type": "string"
    }
  },
  "required": [
    "nodeId"
  ],
  "type": "object"
}

Conduit

get_html

Instructions

Input Schema

Input Schema (JSON Schema)

Other Tools from Conduit

Related Tools

MCP directory API