figma-use-figjam

Automate placement and organization of FigJam nodes with relative positioning.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/ndriyo/primepm --skill figma-use-figjam
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-use-figjam
Source: https://github.com/ndriyo/primepm/tree/main/.agents/skills/figma-use-figjam
Command: npx skills add https://github.com/ndriyo/primepm --skill figma-use-figjam

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about figma-use-figjam

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

FAQPage Schema
How do I automate FigJam node placement and alignment?

Automate FigJam node placement by using routines for relative positioning to ensure consistent spacing. You can apply methods like `appendChild()` to add nodes to sections and set local x/y coordinates for precise, automated alignment.

How does reparenting work when managing FigJam sections?

Reparenting in FigJam works by moving existing nodes into sections or other parent containers while calculating correct local coordinates. This ensures spatial accuracy is maintained when reorganizing shapes and connectors within resized sections.

Can I automatically resize FigJam sections to fit content?

Yes, you can automatically resize FigJam sections to fit content. The layout automation handles section resizing by adjusting container boundaries, ensuring design integrity is maintained when nodes are grouped or updated during visual structuring.

What is the best way to organize a flowchart layout in FigJam?

The best way to organize a flowchart layout in FigJam is to automate node positioning relative to each other, group shapes into sections, and apply section resizing to fit the content automatically. This reduces manual effort and layout errors.

Does this approach work for process mapping and visual structuring?

Yes, this approach works for process mapping and visual structuring. The automated placement and organization of nodes, sections, and connectors creates consistent and maintainable layouts specifically designed for diagramming scenarios.

Why are my FigJam nodes misaligned after moving them into a section?

FigJam nodes become misaligned after moving them because reparenting requires recalculating local x/y coordinates. Using precise relative positioning routines ensures spatial accuracy when moving existing shapes into new parent containers.