Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
idanbeck avatar

Figma Skill

  • 16 installs
  • 12 repo stars
  • Updated August 4, 2026
  • idanbeck/claude-skills

Read Figma files, export image assets, list components and styles, and manage comments via a personal access token.

About

A skill that reads Figma files, exports assets, lists components and styles, and manages comments using a Figma access token. A developer uses it to pull designs and assets from Figma.

  • Export images and list components/styles
  • Personal access token setup

Figma Skill by the numbers

  • 16 all-time installs (skills.sh)
  • +1 installs in the week ending Aug 2, 2026 (Skillselion tracking)
  • Ranked #1,394 of 1,880 Design & UI/UX skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/idanbeck/claude-skills --skill figma-skill

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs16
repo stars12
Last updatedAugust 4, 2026
Repositoryidanbeck/claude-skills

What it does

Read Figma files, export image assets, list components and styles, and manage comments via a personal access token.

Files

SKILL.mdMarkdownGitHub ↗

Figma Skill

Read Figma files, export assets, list components/styles, and manage comments.

Setup

1. Go to Figma → Account Settings → Personal Access Tokens 2. Create a new token 3. Create ~/.claude/skills/figma-skill/config.json:

   {"access_token": "YOUR_TOKEN"}

File Keys

Found in Figma URLs: figma.com/file/FILE_KEY/...

Commands

User Info

python3 ~/.claude/skills/figma-skill/figma_skill.py me

Files & Projects

# Get file info
python3 ~/.claude/skills/figma-skill/figma_skill.py get FILE_KEY

# List files in project
python3 ~/.claude/skills/figma-skill/figma_skill.py files --project PROJECT_ID

# List projects in team
python3 ~/.claude/skills/figma-skill/figma_skill.py projects TEAM_ID

# File version history
python3 ~/.claude/skills/figma-skill/figma_skill.py versions FILE_KEY

Nodes & Export

# Get specific nodes
python3 ~/.claude/skills/figma-skill/figma_skill.py nodes FILE_KEY --ids "1:2,1:3"

# Export images
python3 ~/.claude/skills/figma-skill/figma_skill.py images FILE_KEY --ids "1:2" --format png --scale 2

Export formats: png, jpg, svg, pdf

Components & Styles

python3 ~/.claude/skills/figma-skill/figma_skill.py components FILE_KEY
python3 ~/.claude/skills/figma-skill/figma_skill.py styles FILE_KEY
python3 ~/.claude/skills/figma-skill/figma_skill.py team-components TEAM_ID

Comments

# List comments
python3 ~/.claude/skills/figma-skill/figma_skill.py comments FILE_KEY

# Add comment
python3 ~/.claude/skills/figma-skill/figma_skill.py add-comment FILE_KEY --message "Nice work!"

# Comment on specific node
python3 ~/.claude/skills/figma-skill/figma_skill.py add-comment FILE_KEY --message "Review this" --node-id "1:23"

Node IDs

Node IDs are in format 1:23. Find them by:

  • Using get FILE_KEY to see page structure
  • In Figma: Right-click → Copy/Paste → Copy as CSS (includes node ID)
  • In Figma dev mode

Output

All commands output JSON.

Related skills

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.