skills.rest
ahandsel
ahandselCOMMUNITY
Explore all skills by this author →
GitHub

figma-use-figjam

Programmatically create and configure FigJam board nodes via the Figma MCP toolset.

1|Updated May 21, 2020
Search Tags:#automation#figma#mcp#diagramming#node management#figjam
One-click install
npx skills add https://github.com/ahandsel/debugging_log --skill figma-use-figjam-ahandsel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-use-figjam
Source: https://github.com/ahandsel/debugging_log/tree/main/skills/figma-use-figjam
Command: npx skills add https://github.com/ahandsel/debugging_log --skill figma-use-figjam-ahandsel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the manual friction of building and organizing FigJam boards, allowing you to programmatically generate complex diagrams, retrospectives, and brainstorming layouts.

Core Features & Use Cases

  • Node Automation: Create and configure stickies, shapes, connectors, and sections with precise control over properties and styling.
  • Batch Operations: Efficiently modify, rename, or reposition large sets of nodes using optimized traversal patterns.
  • Use Case: Automatically generate a structured retrospective board by creating sections for 'Went Well' and 'To Improve', populating them with sticky notes, and wiring them together with connectors.

Quick Start

Use the figma-use-figjam skill to create a new section named Brainstorm and add five blue sticky notes inside it.

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 board creation and node management?▼

Automate FigJam board creation by programmatically controlling sections, stickies, shapes, and connectors via the Figma MCP toolset. This facilitates automated board generation, batch node modification, and complex layout orchestration for collaborative workflows.

Can I batch modify stickies and shapes in a FigJam board?▼

Yes, you can batch modify stickies and shapes in a FigJam board using optimized node-traversal patterns. This allows efficient renaming, repositioning, and property configuration for large sets of nodes.

How do I generate a structured retrospective board automatically in FigJam?▼

Generate a structured retrospective board automatically by creating sections for categories like 'Went Well', populating them with sticky notes, and wiring elements together with connectors using programmatic node automation.

Do I need to follow specific patterns when loading fonts for FigJam automation?▼

Yes, successful API execution within the FigJam environment requires adherence to specific font-loading and node-traversal patterns to ensure nodes and text render correctly during automated board generation.

What is the best way to orchestrate complex layouts in FigJam?▼

Orchestrate complex layouts in FigJam by leveraging programmatic control over board elements via the Figma MCP toolset, allowing precise placement of sections, shapes, and connectors to build structured diagrams.

Why does my automated FigJam node generation fail during API execution?▼

Automated FigJam node generation fails when specific font-loading and node-traversal patterns are not followed, disrupting API execution and preventing successful node configuration within the board environment.

Related Skills

Explore More Design & Creative Skills→
JuanMS20JuanMS20

github-auth

Configure GitHub authentication for Hermes Agent using git, gh CLI, or SSH credentials.

Community
Intermediate
DevPelumiDevPelumi

figma-use-figjam

Create and style FigJam nodes using the use_figma MCP tool.

Community
Advanced
hoodinihoodini
262

figma

Convert Figma design data into React components, CSS, and Tailwind tokens.

Community
Intermediate
koukokouko
6

obsidian-mermaid-visualizer

Converts plain text into Mermaid diagrams for documentation workflows.

Community
Intermediate