A powerful integration that enables AI agents to interact with Figma files, export assets, and retrieve design feedback programmatically.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install kai-tw-figma
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install kai-tw-figma using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Figma?
The Figma skill provides a bridge between your design environment and AI-driven development workflows. By leveraging the Figma REST API, this skill allows agents to inspect file architectures, navigate through pages and frames, and extract technical metadata from layers. It is designed to streamline the handoff process within Openclaw Skills by making design data accessible to automated scripts and agents.
Beyond simple inspection, the skill facilitates the automated export of design components into various formats. This capability is essential for developers who need to keep their project assets in sync with the latest design iterations without manual intervention, significantly reducing the friction in design-to-code pipelines.
Figma Use Cases
- Automating the export of UI icons and components as SVG or PNG assets for frontend projects.
- Auditing Figma files to ensure layer naming conventions and design systems are followed.
- Syncing design feedback by fetching the latest comments for developers to review in their terminal.
- Generating multi-resolution assets (1x, 2x, 3x) for mobile and web applications using Openclaw Skills.
How Figma Works
- The agent authenticates with the Figma platform using a provided Personal Access Token (PAT).
- The user identifies a specific design document using its unique file key.
- The skill executes specialized Python scripts to communicate with Figma's REST endpoints.
- Metadata regarding pages, layers, and components is retrieved and parsed for the agent's use.
- Specific assets are rendered and exported to the local filesystem based on user-defined parameters like format and scale.
Figma Setup
To get started with this integration in Openclaw Skills, you must obtain a Personal Access Token from your Figma Account Settings. Use the following command to configure your environment:
export FIGMA_TOKEN='your_personal_access_token_here'
Figma Data Schema & Taxonomy
The skill interacts with design data and organizes output based on the Figma document hierarchy:
| Object | Description |
|---|---|
| File Key | The unique identifier found in the Figma file URL. |
| Layer IDs | Specific identifiers for frames, groups, or components to be exported. |
| Assets | Output files generated in PNG, JPG, SVG, or PDF formats. |
| Metadata | JSON-formatted data containing node positions, colors, and styles. |
Figma Advanced Features
- Support for high-resolution scaling (up to 4x) for retina-ready asset generation.
- Batch export capabilities using comma-separated layer IDs for efficiency.
- Real-time comment retrieval to bridge the gap between design feedback and active development using Openclaw Skills.
- Flexible format support including vector (SVG/PDF) and raster (PNG/JPG) outputs.
SKILL.md
Loading
Related Openclaw Skills
Gmail OAuth Setup for gog CLI
A specialized workflow for establishing secure, headless Gmail API authentication using the gog CLI and Google Cloud credentials.
Catallax
A decentralized protocol integration for managing contract work, bounties, and escrow services natively on the Nostr network.
Cypress Expert Skill
A production-grade testing skill for AI agents to manage Cypress E2E and component tests with advanced debugging and CI support.
PrivateBin Upload Skill
A secure sharing skill that automates uploading text, code, or files to PrivateBin instances with advanced access controls.
Notion 2025 API Integration
A high-performance utility for managing Notion databases and pages using the 2025-09-03 API standard.
OpenCC Chinese Character Converter
A high-precision utility for converting Chinese text between Simplified, Traditional, and various regional variants with phrase-level awareness.
METADATA
Featured*
