figma
CommunityFetch Figma file data via API to inspect design.
Authoraydenden
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Designers and developers often manually inspect Figma files to understand structure, nodes, and styles. This Skill automates that discovery by using the Figma REST API to fetch file structure, node details, and style data, requiring only a FIGMA_TOKEN.
Core Features & Use Cases
- File information: Retrieve the full file structure, metadata, and version history.
- Node information: Query details about specific nodes (frames, components, groups) including position and size.
- Style information: Fetch color, text, and effect styles to support design system alignment.
- Use Case: Quickly audit a design library by exporting all node and style metadata for a design system doc.
Quick Start
Use the Figma skill to fetch data for a file by running: bash .claude/skills/figma/scripts/get-file.sh <FILE_KEY>
Dependency Matrix
Required Modules
curljq
Components
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: figma Download link: https://github.com/aydenden/dotfiles/archive/main.zip#figma Please download this .zip file, extract it, and install it in the .claude/skills/ directory.