figma
Interact with the Figma REST API to read files, export layers/components as images, and retrieve comments. Use when the user needs information from Figma designs or wants to export assets for development. Triggers include "read figma file", "export figma layer", or "check figma comments".
Why use this skill?
Learn how to use the OpenClaw Figma skill to automate asset exports, inspect design file structures, and sync project comments directly within your workflow.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/kai-tw/kai-tw-figmaWhat This Skill Does
The Figma skill for OpenClaw provides a robust interface for interacting with Figma design files directly from your agent environment. By leveraging the official Figma REST API, this skill bridges the gap between design documentation and development workflows. It enables agents to inspect file hierarchies, extract specific design nodes for documentation or asset management, and keep track of design discussions via comment retrieval. Whether you are automating the export of design assets for a production build or performing a design audit, this tool allows for seamless programmatic access to your design system.
Installation
To integrate this skill, ensure you have your Figma Personal Access Token ready. Run the following command in your terminal:
clawhub install openclaw/skills/skills/kai-tw/kai-tw-figma
Once installed, add your token to your environment configuration:
export FIGMA_TOKEN=your_token_here
Use Cases
- Automated Asset Handoff: Automatically export updated icons or components from a design file to the project's assets folder whenever a new version is released.
- Design QA: Audit design files by analyzing the structure and layers of complex frames without opening the Figma desktop application.
- Collaboration Tracking: Sync feedback by pulling design comments into a project management tool or communication channel to ensure no developer feedback is missed.
Example Prompts
- "Hey OpenClaw, please read the file structure for the design file at key [FILE_KEY] so I can understand the current layout."
- "Export the layer with ID 123-456 from the Figma file [FILE_KEY] as a PNG at 2x scale."
- "Could you fetch the latest comments from the main design file to see if there are any pending changes for the login screen?"
Tips & Limitations
- Token Security: Always store your
FIGMA_TOKENin a secure environment variable. Never hardcode it in scripts or share it. - File Access: Ensure the account associated with your PAT has sufficient 'Viewer' permissions for the files you intend to access.
- Rate Limiting: The Figma API has rate limits. If you are performing bulk exports of hundreds of layers, consider adding delays between requests to avoid hitting API throttling thresholds.
- Scalability: For large files, requesting the entire file structure may take longer. Use specific Node IDs whenever possible to improve performance.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-kai-tw-kai-tw-figma": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: external-api, file-write, file-read
Related Skills
openclaw-tc-dict-skill
Query Traditional Chinese dictionaries from Ministry of Education (MOE) Taiwan. Supports looking up word definitions from the "國語辭典簡編本" (Concised Mandarin Dictionary) with automatic version management and optional periodic updates. Use when you need to look up Chinese word meanings, check definitions, or ensure you have the latest dictionary data.
pi-workflow
Workflow orchestration for Pi's task management, self-improvement, and code quality standards. Use when starting new projects, managing multi-step tasks (3+ steps or architectural decisions), capturing lessons from mistakes, writing verifiable code, or establishing quality gates before completion. Includes planning templates, progress tracking, bug fixing autonomy, and a lessons capture system to prevent repeated mistakes.
openclaw-claude-batch
Claude Batch API for processing large volumes of requests asynchronously with 50% cost savings. Use for bulk content generation, data analysis, content moderation, batch evaluations, or large-scale testing where immediate responses are not required.