/setup-figma.en

Lesson command — Figma + Serendie design-system MCP setup

minicoohei@minicoohei

GitHub

From plugin

ai-agent-camp

345200 skills8 agents200 commands

Install

$ npx -y skills add minicoohei/ai-agent-camp --agent claude-code

How it fires

How this command gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/setup-figma.en

Context preview

What this command does when you run it.

Lesson command — Figma + Serendie design-system MCP setup

Command definition

setup-figma.en.md

description: "Lesson command — Figma + Serendie design-system MCP setup"
duration: "~20 min"
prerequisites: ["Figma + Serendie MCP account"]
level: "intermediate"
nonInteractiveMode: incompatible
tags: ["setup", "module-21"]

/setup-figma -- Figma + Serendie design-system MCP setup

> Wire the official Figma plugin (the writer) and Serendie MCP (the knowledge source).

**Highlight**: No PAT needed — OAuth browser login does it all

Setup steps

1. Install the Figma plugin into Claude Code — `/plugin install figma@claude-plugins-official`

2. Sign in to Figma via OAuth — `/mcp → figma → Authenticate → 'Allow Access' in the browser`

3. Add the Serendie MCP — `claude mcp add --transport http serendie-mcp https://serendie.design/mcp`

4. Verify — `claude mcp list`

5. Bring the Serendie UI Kit into your Figma team

   https://www.figma.com/community/file/1433690846108785966

Gotchas

You can't 'Publish library' until you move the Serendie UI Kit from Community into your team
On enterprise Figma accounts, an admin has to approve the app first

Non-interactive mode

Browser OAuth is mandatory — cannot complete under `claude -p` / `cursor-agent --print`. Re-run in interactive mode.

Other commands on ai-agent-camp.

See all 200 commands in ai-agent-camp