figma-use-figjam

What problem does it solve?

This Skill streamlines the process of positioning, sizing, and managing nodes within FigJam, reducing manual effort and layout errors.

Core Features & Use Cases

• Node Placement & Alignment: Automates positioning of nodes relative to others, ensuring consistent spacing and alignment.
• Section Management: Handles resizing, organization, and content updates within sections, maintaining design integrity.
• Reparenting & Layout: Provides methods to move existing nodes into sections or other parent containers with correct local coordinates.
• Use Case: For creating a flowchart, position nodes relative to each other, group them into sections, and resize containers to fit content automatically.

Quick Start

Use appendChild() to add nodes to a section, then set local x/y coordinates for precise placement.