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"
}