MCP Tools
add_node
Add a new element to the current Figma design by providing an HTML snippet.
Renders an HTML snippet and inserts the resulting node as a child of a specified parent frame or group. Use get_selected_node or find_node to discover valid parent node IDs. The position parameter controls where in the child list the new node is inserted.
Parameters
| Name | Type | Required | Description |
|---|---|---|---|
| parentNodeId | string | Required | The parent Figma node ID to insert the new element into (must be a frame or group) |
| html | string | Required | HTML snippet to render as a new child element |
| position | string | Optional | Insertion position: 'first', 'last', or a sibling node ID to insert after Default: last. |
Example prompt
Try asking: Add a new testimonial card to the testimonials section frame.
Tips
- The parent must be a FRAME or GROUP node — use find_node to confirm the type.
- Use position: 'first' to prepend, 'last' to append, or pass a sibling node ID to insert after a specific child.
- The tool returns the new node ID — save it if you need to edit the new node immediately.