figma

What This Skill Does

The Figma skill for OpenClaw provides a seamless interface for interacting with your Figma design ecosystem directly from the agent. By leveraging the power of Membrane CLI, this integration allows you to navigate, retrieve, and manage your design resources—including Files, Projects, Teams, Components, and Pages—without needing to manually manage API keys or authentication flows. It acts as a bridge between OpenClaw and the Figma REST API, enabling automated workflows for design handoff, documentation, and asset tracking.

Installation

To start using the Figma integration, you must have the Membrane CLI installed globally. Execute npm install -g @membranehq/cli in your terminal. Once installed, run membrane login --tenant to authenticate your session. To add this specific skill to your agent, use the command clawhub install openclaw/skills/skills/gora050/figma-integration. After installation, verify or create your connection by searching for the Figma connector and running the connect command using your unique connector ID. You can verify your setup at any time by listing existing connections with membrane connection list --json.

Use Cases

This skill is designed for teams that need to bridge the gap between design and development. Common use cases include: 1) Automated design audits where the agent fetches component metadata to ensure consistency; 2) Project tracking, where the agent monitors Figma project updates and reports changes to stakeholders; 3) Rapid information retrieval, such as asking the agent for the latest file links or page structures during a meeting. By integrating Figma, you turn static designs into actionable data streams.

Example Prompts

1. "Find the latest project updates in my Figma team and summarize the changes to the main navigation component."
2. "List all files in my 'Client Projects' folder and give me the link for the prototype of the 'Dashboard' file."
3. "Which pages in the 'Mobile App' Figma file were modified in the last 48 hours?"

Tips & Limitations

• Permissions: Ensure the Figma account used for authentication has appropriate read access to the teams and files you intend to query.
• Authentication: Membrane handles token refreshes, but if you experience connection errors, simply re-run the connect command to re-authenticate.
• Scope: The skill is optimized for retrieval and management actions. Extremely large files may take longer to parse, so be specific with your queries to minimize API load. If you cannot find a specific action, use membrane action list to discover available capabilities for your specific connection.