Figjam Builder

Build or modify FigJam boards via the Figma Plugin API. Use for creating, editing, extending, restructuring, or fixing the layout of a FigJam board. Triggers on "make a FigJam", "build a board", "update this FigJam", "fix the layout", "/figjam-builder", or a FigJam URL paired with a visual or content change.

9 starsFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add prasantloki/figjam-builder --skill figjam-builder

Manual install

git clone --depth 1 https://github.com/prasantloki/figjam-builder.git /tmp/figjam-builder
mkdir -p ~/.claude/skills
cp -r /tmp/figjam-builder/. ~/.claude/skills/figjam-builder

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# FigJam Builder

Build or modify FigJam boards via the Figma Plugin API. Use whenever the work involves visual or content changes to a FigJam — initial creation, edits, extensions, layout fixes, or restructuring.

**Prerequisites:** Load the `figma-use` AND `figma-use-figjam` skills, using the names available in the current harness, before calling `use_figma`. `figma-use` covers Plugin API rules, `figma-use-figjam` covers FigJam-native node types (sticky, shape-with-text, connector, section, table, label).

**When to load this skill.** Build, edit, extend, restructure, or add content to a FigJam board — not just initial creation. If the user shares a FigJam URL (`figma.com/board/...`) and asks for any visual or content change, load this. Even a one-node copy or color edit can change wrapping, hierarchy, or balance; use the audit pass after the edit.

---

## When to Use FigJam

FigJam earns its keep when spatial layout matters: comparing things side-by-side, showing multi-team status at a glance, or building a board that accumulates content over time. If you're driving a single decision through a linear argument, use Slides or Docs.

---

## Part 1: Design Principles

Eleven things to hold in your head. The rest of this skill is how they show up in code.

Read the full skill on GitHub

Details

Skill name: figjam-builder
Repository: prasantloki/figjam-builder
License: MIT
Repo updated: 18 September 2026

FAQ

What does the Figjam Builder skill do?

How do I install the Figjam Builder skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add prasantloki/figjam-builder --skill figjam-builder. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Figjam Builder popular?

It lives in prasantloki/figjam-builder, which has 9 GitHub stars and 0 forks.

Related skills

Gcw

idonafraid-create/GCW

Analyze, reproduce, recover, and creatively adapt authorized public websites through a staged, evidence-driven workflow. Use for GCW, website teardown or cloning, faithful baselines, design-DNA extraction, WebGL/Canvas/shader reverse engineering, source-loss recovery, route reconstruction, and source-versus-local visual regression.

Frontend & Design

Elec Sheep Longform

bleakbelladonnals/elec-sheep-longform

Create, revise, and quality-check Elec Sheep branded Chinese educational carousels and vertical long-form infographics while preserving the exact robot-sheep IP, warm hand-drawn blue-orange visual system, editable SVG typography, and batch rendering workflow. Use when the user mentions 电子羊, Elec Sheep, the established mascot/IP, 小红书科普长图, an 8-page knowledge carousel, same-character/same-style continuation, or asks to revise existing Elec Sheep pages without identity or layout drift.

Frontend & Design

Gpt Taste

Tao716/gpt-taste-skill

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.

Frontend & Design

Design Principles

shualippe/design-principles-skill

Apply universal design principles to UI/UX review, design feedback, and design documentation. Based on "Universal Principles of Design" (Lidwell, Holden, Butler) — 100 cross-disciplinary principles covering usability, perception, learning, appeal, and decision-making. Use this skill whenever the user asks to review a UI, critique a design, evaluate a mockup or wireframe, give design feedback, write a design spec or design doc, discuss design tradeoffs, improve a layout, or apply design thinking to a product decision. Also trigger when the user asks about specific design concepts like affordanc

Frontend & Design

Hyprland

marceloeatworld/hyprland-ai-skill

This skill should be used when the user asks about "Hyprland configuration", "hyprland.lua", "hyprland.conf", "Hyprland Lua config", "hyprctl", "Hyprland keybinds", "Hyprland window rules", "Hyprland monitors", "Hyprland dispatchers", "Hyprland animations", "Hyprland workspaces", "Hyprland IPC", "Hyprland plugins", "hyprlock", "hypridle", "hyprpaper", "hyprcursor", "hyprpicker", "hyprsunset", "xdg-desktop-portal-hyprland", "Hyprland on NixOS", "Hyprland Home Manager", "Hyprland layouts", "Hyprland dwindle", "Hyprland master layout", "Hyprland FAQ", "Hyprland performance", "Hyprland Nvidia", "H

Frontend & Design

Apple Cn Checkout

Caoran1314/apple-cn-checkout

用 bsk_* 浏览器工具在苹果中国官网（apple.com.cn）完成 iPhone 选购与结账。含实测的稳定选择器、5 级门控的一轮批量配方、以及会造成静默失败的坑（networkidle 永不满足 / CSS 猜选择器会打偏 / 点击后立刻读取是旧 DOM）。当用户要求在 Apple 中国官网买手机、加购物袋、或走到微信支付时使用。

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.