MCP Tools
update_style
Update visual CSS properties of a node in the current Figma design.
Applies CSS property-value pairs to an existing node. Properties use camelCase naming matching get_selected_node output (e.g. backgroundColor, borderRadius). Use get_selected_node first to discover node IDs and current styles before making changes.
Parameters
| Name | Type | Required | Description |
|---|---|---|---|
| nodeId | string | Required | The Figma node ID (from get_selected_node output) |
| styles | object | Required | CSS property-value pairs in camelCase, e.g. { backgroundColor: '#3B82F6', borderRadius: '12px', fontSize: '16px' } |
Example prompt
Try asking: Make the primary button background #3B82F6 and increase the border radius to 8px.
Tips
- Use hex colors (e.g. '#3B82F6') rather than rgb() for best compatibility.
- Property names are camelCase CSS (e.g. backgroundColor, not background-color).
- The tool returns warnings for unsupported properties — check them to debug unexpected results.
- Use get_selected_node first to see current styles so you know which properties to target.