Can this skill read private Figma files?

Yes, the skill can access any file that the owner of the Personal Access Token has permission to view or edit.

How do I get my Figma API token?

Log into Figma, navigate to your Settings page, scroll down to the 'Personal access tokens' section, and click 'Generate new token'.

Does this skill support Figma team management?

Yes, it includes endpoints to list team projects, members, styles, and components, provided the token has team-level access.

What image formats can I export using this skill?

You can export Figma frames and nodes as PNG, JPG, SVG, and PDF files with customizable scaling options.

How do I find a Figma file key for a specific design?

The file key is the unique alphanumeric string found in the Figma URL between the '/design/' (or '/file/') segment and the file name.

Figma Integration

Name: Figma Integration
Author: vm0-ai

byvm0-ai

•

디자인 도구

Accesses and manages Figma design files, components, and assets directly through the Figma REST API.

This skill enables Claude to interact seamlessly with Figma workspaces, allowing for the extraction of design data, components, and styles. It simplifies the bridge between design and code by providing capabilities to export images in multiple formats, track version history, manage team comments, and retrieve design tokens. Whether you are building a design-to-code pipeline, automating design handoffs, or inspecting UI specifications, this skill provides the necessary tools to navigate Figma's complex file structures and metadata directly within your development workflow.

주요 기능

01Export design nodes as images in PNG, JPG, SVG, and PDF formats

0218 GitHub stars

03Access design tokens and published component libraries across teams

04Retrieve and manage design comments and project metadata

05Track file version history and changes within Figma workspaces

06Extract design file structures including frames, components, and styles

사용 사례

01Synchronizing Figma comments with project management tasks and code reviews

02Extracting design tokens and color styles for direct CSS and theme implementation

03Automating the export of UI assets for frontend development pipelines

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add vm0-ai/vm0-skills figma

For use in Claude.ai and ChatGPT

Download Skill