ReddRadar
Agent skill
figma-skill
Read Figma files, export assets, and manage comments. Use when the user asks to get Figma designs, export images from Figma, or work with Figma components.
Install this agent skill to your Project
npx add-skill https://github.com/idanbeck/claude-skills/tree/main/figma-skill
SKILL.md
Figma Skill
Read Figma files, export assets, list components/styles, and manage comments.
Setup
- Go to Figma → Account Settings → Personal Access Tokens
- Create a new token
- Create
~/.claude/skills/figma-skill/config.json: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_KEYto see page structure - In Figma: Right-click → Copy/Paste → Copy as CSS (includes node ID)
- In Figma dev mode
Output
All commands output JSON.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
idanbeck/claude-skills
fal-video-skill
idanbeck/claude-skills
godaddy-skill
Manage GoDaddy domains and DNS records. Use when the user asks to set up DNS, manage domain records, check DNS propagation, point domains to servers, or configure A/AAAA/CNAME/MX/TXT records. Supports bulk operations for quick domain setup.
idanbeck/claude-skills
gcal-skill
Read, create, and manage Google Calendar events. Use when the user asks to check calendar, view schedule, find meetings, create events, or see what's on the agenda. Supports multiple accounts.
idanbeck/claude-skills
nano-banana-pro
Generate images using AI. Use when the user asks to create, generate, or make images, pictures, graphics, illustrations, visuals, or artwork. Also use for image editing with reference images.
idanbeck/claude-skills
google-docs-skill
Create, read, update, share, and export Google Docs. Use when the user asks to create documents, write content to Google Docs, share docs, export to PDF/DOCX, or convert markdown files to Google Docs.
idanbeck/claude-skills
film-maker-skill
Didn't find tool you were looking for?