figma-node-manipulation

Read, modify, and verify Figma nodes via bridge commands.

Updated Mar 18, 2026
One-click install
npx skills add https://github.com/ThanapatJutha/th_gene2-figma-mcp --skill figma-node-manipulation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-node-manipulation
Source: https://github.com/ThanapatJutha/th_gene2-figma-mcp/tree/main/packages/gene2-figma-mcp/skills/figma-node-manipulation
Command: npx skills add https://github.com/ThanapatJutha/th_gene2-figma-mcp --skill figma-node-manipulation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Patterns for reading, creating, updating, and deleting Figma nodes via bridge commands. Use when performing direct node manipulation tasks like updating text, changing fills, resizing frames, or repositioning elements in Figma.

Core Features & Use Cases

  • Read and obtain current node state and apply minimal updates only
  • Re-read for verification when updates are critical
  • Support for common node properties across TEXT and FRAME nodes, including text content, dimensions, position, fills, strokes, font attributes, and layout-related settings

Quick Start

Push a minimal change to a selected Figma node and verify it via a subsequent read-back.

Frequently Asked Questions about figma-node-manipulation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I update text and resize frames in Figma programmatically?

To update text and resize frames in Figma, you can read the current node state, apply minimal modifications to properties like characters or width/height, and then re-read the node to verify the changes. This ensures safe, single-step updates.

What is the safest way to change fills and reposition elements in Figma components?

The safest way to change fills and reposition elements in Figma components is through an apply-then-verify workflow, which pushes a minimal change to the node and immediately performs a read-back to confirm the property update was successful.

Can I modify layout settings and font attributes like fontSize and fontName in Figma without breaking the node?

Yes, you can modify layout settings and font attributes like fontSize, fontName, layoutMode, and padding safely by reading the node first, applying the update, and verifying the result to prevent breaking the node structure.

Does this node manipulation approach support both TEXT and FRAME node properties?

Yes, this node manipulation approach supports both TEXT and FRAME nodes, allowing you to update properties including characters, dimensions, position, fills, strokes, cornerRadius, opacity, and visibility across both node types.

Why should I re-read a Figma node after applying a critical update?

You should re-read a Figma node after applying a critical update to verify that the modification to properties like fills, strokes, or opacity was applied correctly, enforcing a safe read-modify-write workflow.

What are the limitations when manipulating Figma nodes via bridge commands?

Limitations include being restricted to a specific property set such as characters, dimensions, position, fills, strokes, font attributes, layout settings, opacity, and visibility, and requiring a read-back verification for every critical single-step update.