{"id":"63bf04e4-e47a-4849-a3d9-ac59a1f0c800","entityType":"agent","slug":"clawhub-hith3sh-figma-design","name":"Figma","canonicalUrl":"https://www.xpersona.co/agent/clawhub-hith3sh-figma-design","canonicalPath":"/agent/clawhub-hith3sh-figma-design","generatedAt":"2026-10-09T17:13:43.764Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-10-09T02:56:50.812Z","emptyReason":null},"description":"Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to i... Skill: Figma Owner: hith3sh Summary: Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to i... Tags: latest:1.0.6 Version history: v1.0.6 | 2026-06-09T07:07:45.014Z | user Add UTM attribution tags (utm_source=clawhub) to ClawLink branding links so visits from this skill page are tracked as a distinct traffic source.","descriptionLabel":"Technical summary","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. 7.4K downloads reported by the source. Last updated 10/9/2026.","installCommand":"clawhub skill install s173vws87a7ss71xf9rq53k5gd8568kv:figma-design","sourceUrl":"https://clawhub.ai/hith3sh/figma-design","homepage":"https://clawhub.ai/hith3sh/skills/figma-design","primaryLinks":[{"label":"View on ClawHub","url":"https://clawhub.ai/hith3sh/figma-design","kind":"source"},{"label":"Homepage","url":"https://clawhub.ai/hith3sh/skills/figma-design","kind":"homepage"}],"safetyScore":84,"overallRank":62,"popularityScore":77,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to i..."},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-10-09T02:56:50.812Z","emptyReason":null},"protocols":[{"protocol":"OPENCLEW","label":"OpenClaw","status":"self-declared","notes":"Declared in the public agent profile."}],"capabilities":[],"verifiedCount":0,"selfDeclaredCount":1,"capabilityMatrix":{"rows":[{"key":"OPENCLEW","type":"protocol","support":"unknown","confidenceSource":"profile","notes":"Listed on profile"}],"flattenedTokens":"protocol:OPENCLEW|unknown|profile"}},"adoption":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-09T02:56:50.812Z","emptyReason":null},"stars":null,"forks":null,"downloads":7441,"packageName":null,"latestVersion":"1.0.6","tractionLabel":"7.4K downloads"},"release":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-09T02:56:50.812Z","emptyReason":null},"lastUpdatedAt":"2026-10-09T02:56:50.812Z","lastCrawledAt":"2026-10-09T02:56:50.812Z","lastIndexedAt":null,"nextCrawlAt":"2026-10-10T02:56:50.812Z","lastVerifiedAt":null,"highlights":[{"version":"1.0.6","createdAt":"2026-06-09T07:07:45.014Z","changelog":"Add UTM attribution tags (utm_source=clawhub) to ClawLink branding links so visits from this skill page are tracked as a distinct traffic source.","fileCount":3,"zipByteSize":6417},{"version":"1.0.5","createdAt":"2026-06-09T06:08:52.479Z","changelog":"- Updated documentation in SKILL.md with minor copy, formatting, and image link adjustments. - Removed the outdated skill-card.md file.","fileCount":3,"zipByteSize":6408},{"version":"1.0.4","createdAt":"2026-06-09T04:46:10.329Z","changelog":"- Removed the sample file: skill-card.md. - No changes were made to functionality or documentation. - Update is limited to reduction of repository files.","fileCount":3,"zipByteSize":6460},{"version":"1.0.1","createdAt":"2026-06-08T16:35:42.698Z","changelog":"- Minor documentation update: Added a Figma logo to the skill readme for improved visual clarity. - Removed the redundant skill-card.md file. - No changes to skill APIs or core functionality.","fileCount":3,"zipByteSize":6485},{"version":"0.1.1","createdAt":"2026-06-07T13:28:52.912Z","changelog":"Full rewrite to new standard: added tool reference tables, 3-step GIF table, architecture diagram, code examples, error handling, and troubleshooting.","fileCount":3,"zipByteSize":6436},{"version":"0.1.0","createdAt":"2026-05-03T15:31:59.016Z","changelog":"- Initial release of figma-design skill. - Enables reading files, managing comments, extracting design tokens, downloading images, and creating webhooks in Figma using ClawLink. - No need to configure separate Figma API access; powered by the ClawLink integration for OpenClaw. - Provides setup and pairing instructions for seamless integration. - Dynamic tool discovery and safe operation with clear confirmation steps for write actions.","fileCount":3,"zipByteSize":3440}]},"execution":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No published capability contract is available yet."},"installCommand":"clawhub skill install s173vws87a7ss71xf9rq53k5gd8568kv:figma-design","setupComplexity":"low","setupSteps":["Setup complexity is classified as HIGH. You must provision dedicated cloud infrastructure or an isolated VM. Do not run this directly on your local workstation.","Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data."],"contract":{"contractStatus":"missing","authModes":[],"requires":[],"forbidden":[],"supportsMcp":false,"supportsA2a":false,"supportsStreaming":false,"inputSchemaRef":null,"outputSchemaRef":null,"dataRegion":null,"contractUpdatedAt":null,"sourceUpdatedAt":null,"freshnessSeconds":null},"invocationGuide":{"preferredApi":{"snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-hith3sh-figma-design/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-hith3sh-figma-design/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-hith3sh-figma-design/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-hith3sh-figma-design/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-hith3sh-figma-design/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-hith3sh-figma-design/trust\""],"jsonRequestTemplate":{"query":"summarize this repo","constraints":{"maxLatencyMs":2000,"protocolPreference":["OPENCLEW"]}},"jsonResponseTemplate":{"ok":true,"result":{"summary":"...","confidence":0.9},"meta":{"source":"CLAWHUB","generatedAt":"2026-10-09T17:13:43.762Z"}},"retryPolicy":{"maxAttempts":3,"backoffMs":[500,1500,3500],"retryableConditions":["HTTP_429","HTTP_503","NETWORK_TIMEOUT"]}},"endpoints":{"dossierUrl":"https://www.xpersona.co/api/v1/agents/clawhub-hith3sh-figma-design/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-hith3sh-figma-design/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-hith3sh-figma-design/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-hith3sh-figma-design/trust"}},"reliability":{"evidence":{"source":"runtime-metrics","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No trust, reliability, or runtime telemetry is available."},"trust":{"status":"unavailable","handshakeStatus":"UNKNOWN","verificationFreshnessHours":null,"reputationScore":null,"p95LatencyMs":null,"successRate30d":null,"fallbackRate":null,"attempts30d":null,"trustUpdatedAt":null,"trustConfidence":"unknown","sourceUpdatedAt":null,"freshnessSeconds":null},"decisionGuardrails":{"doNotUseIf":["Contract metadata is missing or unavailable for deterministic execution."],"safeUseWhen":[],"riskFlags":["missing_or_unavailable_contract","trust_data_unavailable","schema_references_missing"],"operationalConfidence":"low"},"executionMetrics":{"observedLatencyMsP50":null,"observedLatencyMsP95":null,"estimatedCostUsd":null,"uptime30d":null,"rateLimitRpm":null,"rateLimitBurst":null,"lastVerifiedAt":null,"verificationSource":null},"runtimeMetrics":{"successRate":null,"avgLatencyMs":null,"avgCostUsd":null,"hallucinationRate":null,"retryRate":null,"disputeRate":null,"p50Latency":null,"p95Latency":null,"lastUpdated":null}},"benchmarks":{"evidence":{"source":"no-benchmark-data","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No benchmark suites or observed failure patterns are available."},"suites":[],"failurePatterns":[]},"artifacts":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"high","updatedAt":"2026-10-09T02:56:50.812Z","emptyReason":null},"readme":"Skill: Figma\n\nOwner: hith3sh\n\nSummary: Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to i...\n\nTags: latest:1.0.6\n\nVersion history:\n\nv1.0.6 | 2026-06-09T07:07:45.014Z | user\n\nAdd UTM attribution tags (utm_source=clawhub) to ClawLink branding links so visits from this skill page are tracked as a distinct traffic source.\n\nv1.0.5 | 2026-06-09T06:08:52.479Z | auto\n\n- Updated documentation in SKILL.md with minor copy, formatting, and image link adjustments.\n- Removed the outdated skill-card.md file.\n\nv1.0.4 | 2026-06-09T04:46:10.329Z | auto\n\n- Removed the sample file: skill-card.md.\n- No changes were made to functionality or documentation.\n- Update is limited to reduction of repository files.\n\nv1.0.1 | 2026-06-08T16:35:42.698Z | auto\n\n- Minor documentation update: Added a Figma logo to the skill readme for improved visual clarity.\n- Removed the redundant skill-card.md file.\n- No changes to skill APIs or core functionality.\n\nv0.1.1 | 2026-06-07T13:28:52.912Z | user\n\nFull rewrite to new standard: added tool reference tables, 3-step GIF table, architecture diagram, code examples, error handling, and troubleshooting.\n\nv0.1.0 | 2026-05-03T15:31:59.016Z | auto\n\n- Initial release of figma-design skill.\n- Enables reading files, managing comments, extracting design tokens, downloading images, and creating webhooks in Figma using ClawLink.\n- No need to configure separate Figma API access; powered by the ClawLink integration for OpenClaw.\n- Provides setup and pairing instructions for seamless integration.\n- Dynamic tool discovery and safe operation with clear confirmation steps for write actions.\n\nArchive index:\n\nArchive v1.0.6: 3 files, 6417 bytes\n\nFiles: skill-card.md (2370b), SKILL.md (15892b), _meta.json (131b)\n\nFile v1.0.6:SKILL.md\n\n---\nname: figma-design\ndescription: Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to inspect Figma designs, export assets, manage file comments and reactions, extract design tokens for Tailwind CSS, or set up Figma webhooks for file event notifications.\n---\n\n# Figma\n\n![Figma](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/brand-logos/figma.svg?v=2)\n\nAccess Figma via the Figma API with OAuth authentication. Read files, manage comments, extract design tokens, download images, and create webhooks for file event notifications.\n\nThis skill uses [ClawLink](https://claw-link.dev/?utm_source=clawhub&utm_medium=referral&utm_content=figma-design) for hosted connection flows and credentials so you do not need to configure Figma API access yourself.\n\n### Setup in 3 Steps\n\n| Step 1: Install | Step 2: Pair Account | Step 3: Connect Figma |\n|:---:|:---:|:---:|\n| ![Install](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/pairing/initialstep_1.gif) | ![Pair](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/approve_process.gif) | *App-specific connection GIF coming soon* |\n| Run the install command in OpenClaw | Sign in and approve the device | Open the dashboard and connect Figma |\n\n## How It Works\n\n```\n┌─────────────────┐     ┌──────────────┐     ┌──────────────────┐\n│   OpenClaw      │────▶│   ClawLink   │────▶│   Figma API      │\n│   (User Chat)   │     │   (OAuth)    │     │   (REST)         │\n└─────────────────┘     └──────────────┘     └──────────────────┘\n         │                       │                       │\n         │  1. Install Plugin    │                       │\n         │  2. Pair Device       │                       │\n         │  3. Connect Figma     │                       │\n         │                       │  4. Secure Token      │\n         │                       │  5. Proxy Requests    │\n         │                       │                       │\n         ▼                       ▼                       ▼\n   ┌──────────┐           ┌──────────┐           ┌──────────┐\n   │  SKILL   │           │ Dashboard│           │ Figma    │\n   │  File    │           │ Auth     │           │ Files    │\n   └──────────┘           └──────────┘           └──────────┘\n```\n\n## Install\n\nInstall the verified ClawLink plugin from ClawHub. After the user confirms, complete the full setup so ClawLink tools are visible in the next OpenClaw chat.\n\n```bash\nopenclaw plugins install clawhub:clawlink-plugin\nopenclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\nopenclaw gateway restart\n```\n\nThen tell the user: \"OpenClaw has been restarted. Send `/new` as a standalone message to start a fresh chat, then ask for Figma again.\"\n\n## Quick Start\n\n```bash\n# Get current authenticated Figma user\nclawlink_call_tool --tool \"figma_get_current_user\" --params '{}'\n\n# Discover file key and node IDs from a Figma URL\nclawlink_call_tool --tool \"figma_discover_figma_resources\" --params '{\"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyFile\"}'\n\n# Get file JSON for a Figma design file\nclawlink_call_tool --tool \"figma_get_file_json\" --params '{\"file_key\": \"ABC123xyz\"}'\n```\n\n## Authentication\n\nAll Figma tool calls are authenticated automatically by ClawLink using the user's connected Figma account.\n\n**No API key is required in chat.** ClawLink stores the OAuth token securely and injects it into every Figma API request on the user's behalf.\n\n### Getting Connected\n\n1. Install the ClawLink plugin (see Install above).\n2. Pair the plugin with `clawlink_begin_pairing` if it is not configured yet.\n3. Open https://claw-link.dev/dashboard?add=figma and connect Figma.\n4. Call `clawlink_list_integrations` to verify the connection is active.\n\n## Connection Management\n\n### List Connections\n\n```bash\nclawlink_list_integrations\n```\n\n**Response:** Returns all connected integrations. Look for `figma` in the list.\n\n### Verify Connection\n\n```bash\nclawlink_list_tools --integration figma\n```\n\n**Response:** Returns the live tool catalog for Figma.\n\n### Reconnect\n\nIf Figma tools are missing or the connection shows an error:\n\n1. Direct the user to https://claw-link.dev/dashboard?add=figma\n2. After they confirm, call `clawlink_list_integrations` to verify\n3. Then call `clawlink_list_tools --integration figma`\n\n## Security & Permissions\n\n- Access is scoped to Figma files, comments, and resources accessible to the connected Figma account.\n- **All write operations require explicit user confirmation.** Before executing any create, update, or delete call, confirm the target resource and intended effect with the user.\n- Destructive actions (delete comment, delete webhook, delete reaction) are marked as high-impact and must be confirmed.\n- Webhook creation requires team admin permissions for team-level webhooks, or edit access for project/file-level webhooks.\n\n## Tool Reference\n\n### File & Resource Discovery\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_discover_figma_resources` | Extract file_key, node IDs, team_id, and project_id from any Figma URL | Read |\n| `figma_get_file_metadata` | Get file name, creator, last modified, thumbnail, and access info | Read |\n| `figma_get_current_user` | Get authenticated Figma user details | Read |\n\n### File Content\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_file_json` | Get full Figma design file JSON with automatic simplification | Read |\n| `figma_get_file_nodes` | Fetch JSON for specific node IDs from a file | Read |\n| `figma_get_file_styles` | List published styles (colors, text, effects, grids) from a main file | Read |\n| `figma_get_file_components` | List published components from a library file | Read |\n| `figma_get_file_component_sets` | List published component sets from a main file | Read |\n\n### Comments & Reactions\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_comments_in_a_file` | Get all comments from a file with author, position, and reactions | Read |\n| `figma_add_a_comment_to_a_file` | Post a new comment or reply to an existing root comment | Write |\n| `figma_delete_a_comment` | Delete a comment (must be original author) | Write |\n| `figma_add_a_reaction_to_a_comment` | Add an emoji reaction to an existing comment | Write |\n| `figma_delete_a_reaction` | Remove an emoji reaction from a comment | Write |\n| `figma_get_reactions_for_a_comment` | Get all reactions for a specific comment | Read |\n\n### Assets & Export\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_download_figma_images` | Download images from file nodes (PNG, SVG, JPG, PDF) | Read |\n| `figma_render_images_of_file_nodes` | Render nodes as images with format and scale options | Read |\n| `figma_get_image_fills` | Get temporary download URLs for all image fills in a file | Read |\n\n### Design Tokens\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_extract_design_tokens` | Extract design tokens (styles, variables) from a Figma file | Read |\n| `figma_design_tokens_to_tailwind` | Convert extracted design tokens to Tailwind CSS config | Read |\n\n### Webhooks\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_create_a_webhook` | Create a webhook for file, project, or team events | Write |\n| `figma_get_a_webhook` | Get details for a specific webhook | Read |\n| `figma_get_team_webhooks` | List all webhooks for a team, project, or file context | Read |\n| `figma_update_a_webhook` | Update webhook endpoint, event type, or status | Write |\n| `figma_delete_a_webhook` | Permanently delete a webhook | Write |\n| `figma_get_webhook_requests` | Get webhook request history (last 7 days) | Read |\n\n### Teams & Projects\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_projects_in_a_team` | List projects in a Figma team | Read |\n| `figma_get_files_in_a_project` | List files in a Figma project | Read |\n| `figma_get_team_components` | List published components from a team's library | Read |\n| `figma_get_team_styles` | List published styles from a team's library | Read |\n| `figma_get_team_component_sets` | List published component sets from a team's library | Read |\n\n## Code Examples\n\n### Discover resources from a Figma URL\n\n```bash\nclawlink_call_tool --tool \"figma_discover_figma_resources\" \\\n  --params '{\n    \"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyDesign\"\n  }'\n```\n\n### Get file JSON and extract a specific node\n\n```bash\nclawlink_call_tool --tool \"figma_get_file_json\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\"\n  }'\n```\n\n### Download an image from a file node\n\n```bash\nclawlink_call_tool --tool \"figma_download_figma_images\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\",\n    \"images\": [\n      {\n        \"node_id\": \"1:2\",\n        \"file_name\": \"logo.png\",\n        \"format\": \"png\"\n      }\n    ]\n  }'\n```\n\n### Post a comment on a file\n\n```bash\nclawlink_call_tool --tool \"figma_add_a_comment_to_a_file\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\",\n    \"comment\": {\n      \"text\": \"Please review the updated hero section\"\n    }\n  }'\n```\n\n### Extract design tokens and convert to Tailwind\n\n```bash\n# Step 1: Extract tokens\nclawlink_call_tool --tool \"figma_extract_design_tokens\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\"\n  }'\n\n# Step 2: Convert to Tailwind config (pass returned tokens)\nclawlink_call_tool --tool \"figma_design_tokens_to_tailwind\" \\\n  --params '{\n    \"tokens\": { \"$schema\": \"...\", \"colors\": {...} }\n  }'\n```\n\n## Discovery Workflow\n\n1. Call `clawlink_list_integrations` to confirm Figma is connected.\n2. Call `clawlink_list_tools --integration figma` to see the live catalog.\n3. Treat the returned list as the source of truth. Do not guess or assume what tools exist.\n4. If the user describes a capability but the exact tool is unclear, call `clawlink_search_tools` with a short query and integration `figma`.\n5. If no Figma tools appear, direct the user to https://claw-link.dev/dashboard?add=figma.\n\n## Execution Workflow\n\n```\n┌─────────────────────────────────────────────────────────────┐\n│  READ OPERATIONS (Safe)                                     │\n│  list → get → search → describe → call                      │\n│                                                             │\n│  Example: Discover file → Get JSON → Extract nodes          │\n└─────────────────────────────────────────────────────────────┘\n                              │\n                              ▼\n┌─────────────────────────────────────────────────────────────┐\n│  WRITE OPERATIONS (Require Confirmation)                    │\n│  list → get → describe → preview → confirm → call           │\n│                                                             │\n│  Example: Describe tool → Preview comment → User approves   │\n│           → Execute post                                     │\n└─────────────────────────────────────────────────────────────┘\n```\n\n1. For unfamiliar tools, ambiguous requests, or any write action, call `clawlink_describe_tool` first.\n2. Use the returned guidance, schema, `whenToUse`, `askBefore`, `safeDefaults`, `examples`, and `followups` to shape the call.\n3. Prefer read, list, search, and get operations before writes when that reduces ambiguity.\n4. For writes or anything marked as requiring confirmation, call `clawlink_preview_tool` first.\n5. Execute with `clawlink_call_tool`. Pass confirmation only after the preview matches the user's intent.\n6. If the tool call fails, report the real error. Do not invent results or restate the failure as a missing capability unless the live catalog supports that conclusion.\n\n## Notes\n\n- Only Design files (`figma.com/design/...`) are supported by `figma_get_file_json`. FigJam boards (`figma.com/board/...`) and Slides (`figma.com/slides/...`) return a 400 error.\n- Node IDs can be found in Figma URLs after `node-id=`, or from the `figma_get_file_json` response.\n- Downloaded image URLs expire after 14 days; download images immediately after generation.\n- Webhook `team_id`, `project_id`, and `file_key` cannot be discovered via API — extract them from Figma URLs or use `figma_discover_figma_resources`.\n- Comment replies cannot be nested; replies attach to existing root comments only.\n- Design tokens not encoded as Figma styles or variables are silently omitted by `figma_extract_design_tokens`.\n\n## Error Handling\n\n| Status / Error | Meaning |\n|----------------|---------|\n| Tool not found | The tool name does not exist in the current catalog. Verify with `clawlink_list_tools --integration figma`. |\n| Missing connection | Figma is not connected. Direct the user to https://claw-link.dev/dashboard?add=figma. |\n| `400 File type not supported` | File is a FigJam board or Slides file, not a Design file. Only Design files work with `get_file_json`. |\n| `404 Not Found` | File key, node ID, or webhook does not exist or is not accessible to the authenticated user. |\n| `403 Forbidden` | Insufficient permissions for the requested operation (e.g., team admin required for team webhooks). |\n| Write rejected | User did not confirm a write action. Always confirm before executing writes. |\n\n### Troubleshooting: Tools Not Visible\n\n1. Check that the ClawLink plugin is installed:\n   ```bash\n   openclaw plugins list\n   ```\n2. If the plugin is installed but tools are missing, tell the user to send `/new` as a standalone message to reload the catalog.\n3. If a fresh chat does not help, run:\n   ```bash\n   openclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\n   openclaw gateway restart\n   ```\n4. After restart, tell the user to send `/new` again and retry.\n\n### Troubleshooting: Invalid Tool Call\n\n1. Ensure the integration slug is exactly `figma`.\n2. Use `clawlink_describe_tool` to verify parameter names and types before calling.\n3. For write operations, always call `clawlink_preview_tool` first.\n\n## Resources\n\n- [Figma API Overview](https://www.figma.com/developers/api)\n- [Figma REST API Reference](https://www.figma.com/developers/api/rest)\n- [Figma Webhooks](https://www.figma.com/developers/api/webhooks)\n- [ClawLink](https://claw-link.dev/?utm_source=clawhub&utm_medium=referral&utm_content=figma-design)\n- [ClawLink Docs](https://docs.claw-link.dev/openclaw)\n- [ClawLink Verification](https://claw-link.dev/verify)\n\n## Related Skills\n\n- [Google Sheets](https://clawhub.ai/hith3sh/google-sheets-spreadsheets) — For spreadsheet operations\n- [OneDrive](https://clawhub.ai/hith3sh/onedrive-files) — For file management\n\n---\n\n**Powered by [ClawLink](https://claw-link.dev/?utm_source=clawhub&utm_medium=referral&utm_content=figma-design)** — an integration hub for OpenClaw\n\n![ClawLink Logo](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/logo/link_logo_black_small.png)\n\nFile v1.0.6:_meta.json\n\n{\n  \"ownerId\": \"kn713pxvayh8fjhb503zjb8yxh815j54\",\n  \"slug\": \"figma-design\",\n  \"version\": \"1.0.6\",\n  \"publishedAt\": 1780988865014\n}\n\nFile v1.0.6:skill-card.md\n\n## Description:\n\nRead files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API.\n\nThis skill is ready for commercial/non-commercial use.\n\n## Publisher:\n\n[hith3sh](https://clawhub.ai/user/hith3sh)\n\n### License/Terms of Use:\n\nMIT-0\n\n## Use Case:\n\nDevelopers, designers, and agents use this skill to inspect Figma design files, retrieve comments and assets, extract design tokens, generate Tailwind CSS configuration, and manage Figma webhooks through a connected Figma account.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: The skill relies on a third-party OAuth plugin with broad access to Figma files and actions available to the connected account.\n\nMitigation: Install only when the publisher and ClawLink service are trusted, and revoke the Figma OAuth connection and remove the plugin when it is no longer needed.\n\nRisk: Write-capable operations can create, update, or delete Figma comments, reactions, and webhooks.\n\nMitigation: Confirm the target resource and intended effect before each write or destructive action.\n\n## Reference(s):\n\n- [Figma API Overview](https://www.figma.com/developers/api)\n- [Figma REST API Reference](https://www.figma.com/developers/api/rest)\n- [Figma Webhooks](https://www.figma.com/developers/api/webhooks)\n- [ClawLink](https://claw-link.dev/?utm_source=clawhub&utm_medium=referral&utm_content=figma-design)\n- [ClawLink Docs](https://docs.claw-link.dev/openclaw)\n- [ClawHub Skill Page](https://clawhub.ai/hith3sh/skills/figma-design)\n\n## Skill Output:\n\n**Output Type(s):** [Guidance, Shell commands, API Calls, Code, Configuration, Files]\n\n**Output Format:** [Markdown with inline shell commands, JSON tool parameters, and configuration snippets]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [May produce downloaded image files, Figma JSON, design-token data, Tailwind CSS configuration, comments, webhook configuration, or operational guidance depending on the requested Figma task.]\n\n## Skill Version(s):\n\n1.0.6 (source: ClawHub release metadata)\n\n## Ethical Considerations:\n\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.\n\nArchive v1.0.5: 3 files, 6408 bytes\n\nFiles: skill-card.md (2578b), SKILL.md (15697b), _meta.json (131b)\n\nFile v1.0.5:SKILL.md\n\n---\nname: figma-design\ndescription: Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to inspect Figma designs, export assets, manage file comments and reactions, extract design tokens for Tailwind CSS, or set up Figma webhooks for file event notifications.\n---\n\n# Figma\n\n![Figma](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/brand-logos/figma.svg?v=2)\n\nAccess Figma via the Figma API with OAuth authentication. Read files, manage comments, extract design tokens, download images, and create webhooks for file event notifications.\n\nThis skill uses [ClawLink](https://claw-link.dev) for hosted connection flows and credentials so you do not need to configure Figma API access yourself.\n\n### Setup in 3 Steps\n\n| Step 1: Install | Step 2: Pair Account | Step 3: Connect Figma |\n|:---:|:---:|:---:|\n| ![Install](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/pairing/initialstep_1.gif) | ![Pair](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/approve_process.gif) | *App-specific connection GIF coming soon* |\n| Run the install command in OpenClaw | Sign in and approve the device | Open the dashboard and connect Figma |\n\n## How It Works\n\n```\n┌─────────────────┐     ┌──────────────┐     ┌──────────────────┐\n│   OpenClaw      │────▶│   ClawLink   │────▶│   Figma API      │\n│   (User Chat)   │     │   (OAuth)    │     │   (REST)         │\n└─────────────────┘     └──────────────┘     └──────────────────┘\n         │                       │                       │\n         │  1. Install Plugin    │                       │\n         │  2. Pair Device       │                       │\n         │  3. Connect Figma     │                       │\n         │                       │  4. Secure Token      │\n         │                       │  5. Proxy Requests    │\n         │                       │                       │\n         ▼                       ▼                       ▼\n   ┌──────────┐           ┌──────────┐           ┌──────────┐\n   │  SKILL   │           │ Dashboard│           │ Figma    │\n   │  File    │           │ Auth     │           │ Files    │\n   └──────────┘           └──────────┘           └──────────┘\n```\n\n## Install\n\nInstall the verified ClawLink plugin from ClawHub. After the user confirms, complete the full setup so ClawLink tools are visible in the next OpenClaw chat.\n\n```bash\nopenclaw plugins install clawhub:clawlink-plugin\nopenclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\nopenclaw gateway restart\n```\n\nThen tell the user: \"OpenClaw has been restarted. Send `/new` as a standalone message to start a fresh chat, then ask for Figma again.\"\n\n## Quick Start\n\n```bash\n# Get current authenticated Figma user\nclawlink_call_tool --tool \"figma_get_current_user\" --params '{}'\n\n# Discover file key and node IDs from a Figma URL\nclawlink_call_tool --tool \"figma_discover_figma_resources\" --params '{\"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyFile\"}'\n\n# Get file JSON for a Figma design file\nclawlink_call_tool --tool \"figma_get_file_json\" --params '{\"file_key\": \"ABC123xyz\"}'\n```\n\n## Authentication\n\nAll Figma tool calls are authenticated automatically by ClawLink using the user's connected Figma account.\n\n**No API key is required in chat.** ClawLink stores the OAuth token securely and injects it into every Figma API request on the user's behalf.\n\n### Getting Connected\n\n1. Install the ClawLink plugin (see Install above).\n2. Pair the plugin with `clawlink_begin_pairing` if it is not configured yet.\n3. Open https://claw-link.dev/dashboard?add=figma and connect Figma.\n4. Call `clawlink_list_integrations` to verify the connection is active.\n\n## Connection Management\n\n### List Connections\n\n```bash\nclawlink_list_integrations\n```\n\n**Response:** Returns all connected integrations. Look for `figma` in the list.\n\n### Verify Connection\n\n```bash\nclawlink_list_tools --integration figma\n```\n\n**Response:** Returns the live tool catalog for Figma.\n\n### Reconnect\n\nIf Figma tools are missing or the connection shows an error:\n\n1. Direct the user to https://claw-link.dev/dashboard?add=figma\n2. After they confirm, call `clawlink_list_integrations` to verify\n3. Then call `clawlink_list_tools --integration figma`\n\n## Security & Permissions\n\n- Access is scoped to Figma files, comments, and resources accessible to the connected Figma account.\n- **All write operations require explicit user confirmation.** Before executing any create, update, or delete call, confirm the target resource and intended effect with the user.\n- Destructive actions (delete comment, delete webhook, delete reaction) are marked as high-impact and must be confirmed.\n- Webhook creation requires team admin permissions for team-level webhooks, or edit access for project/file-level webhooks.\n\n## Tool Reference\n\n### File & Resource Discovery\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_discover_figma_resources` | Extract file_key, node IDs, team_id, and project_id from any Figma URL | Read |\n| `figma_get_file_metadata` | Get file name, creator, last modified, thumbnail, and access info | Read |\n| `figma_get_current_user` | Get authenticated Figma user details | Read |\n\n### File Content\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_file_json` | Get full Figma design file JSON with automatic simplification | Read |\n| `figma_get_file_nodes` | Fetch JSON for specific node IDs from a file | Read |\n| `figma_get_file_styles` | List published styles (colors, text, effects, grids) from a main file | Read |\n| `figma_get_file_components` | List published components from a library file | Read |\n| `figma_get_file_component_sets` | List published component sets from a main file | Read |\n\n### Comments & Reactions\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_comments_in_a_file` | Get all comments from a file with author, position, and reactions | Read |\n| `figma_add_a_comment_to_a_file` | Post a new comment or reply to an existing root comment | Write |\n| `figma_delete_a_comment` | Delete a comment (must be original author) | Write |\n| `figma_add_a_reaction_to_a_comment` | Add an emoji reaction to an existing comment | Write |\n| `figma_delete_a_reaction` | Remove an emoji reaction from a comment | Write |\n| `figma_get_reactions_for_a_comment` | Get all reactions for a specific comment | Read |\n\n### Assets & Export\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_download_figma_images` | Download images from file nodes (PNG, SVG, JPG, PDF) | Read |\n| `figma_render_images_of_file_nodes` | Render nodes as images with format and scale options | Read |\n| `figma_get_image_fills` | Get temporary download URLs for all image fills in a file | Read |\n\n### Design Tokens\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_extract_design_tokens` | Extract design tokens (styles, variables) from a Figma file | Read |\n| `figma_design_tokens_to_tailwind` | Convert extracted design tokens to Tailwind CSS config | Read |\n\n### Webhooks\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_create_a_webhook` | Create a webhook for file, project, or team events | Write |\n| `figma_get_a_webhook` | Get details for a specific webhook | Read |\n| `figma_get_team_webhooks` | List all webhooks for a team, project, or file context | Read |\n| `figma_update_a_webhook` | Update webhook endpoint, event type, or status | Write |\n| `figma_delete_a_webhook` | Permanently delete a webhook | Write |\n| `figma_get_webhook_requests` | Get webhook request history (last 7 days) | Read |\n\n### Teams & Projects\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_projects_in_a_team` | List projects in a Figma team | Read |\n| `figma_get_files_in_a_project` | List files in a Figma project | Read |\n| `figma_get_team_components` | List published components from a team's library | Read |\n| `figma_get_team_styles` | List published styles from a team's library | Read |\n| `figma_get_team_component_sets` | List published component sets from a team's library | Read |\n\n## Code Examples\n\n### Discover resources from a Figma URL\n\n```bash\nclawlink_call_tool --tool \"figma_discover_figma_resources\" \\\n  --params '{\n    \"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyDesign\"\n  }'\n```\n\n### Get file JSON and extract a specific node\n\n```bash\nclawlink_call_tool --tool \"figma_get_file_json\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\"\n  }'\n```\n\n### Download an image from a file node\n\n```bash\nclawlink_call_tool --tool \"figma_download_figma_images\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\",\n    \"images\": [\n      {\n        \"node_id\": \"1:2\",\n        \"file_name\": \"logo.png\",\n        \"format\": \"png\"\n      }\n    ]\n  }'\n```\n\n### Post a comment on a file\n\n```bash\nclawlink_call_tool --tool \"figma_add_a_comment_to_a_file\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\",\n    \"comment\": {\n      \"text\": \"Please review the updated hero section\"\n    }\n  }'\n```\n\n### Extract design tokens and convert to Tailwind\n\n```bash\n# Step 1: Extract tokens\nclawlink_call_tool --tool \"figma_extract_design_tokens\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\"\n  }'\n\n# Step 2: Convert to Tailwind config (pass returned tokens)\nclawlink_call_tool --tool \"figma_design_tokens_to_tailwind\" \\\n  --params '{\n    \"tokens\": { \"$schema\": \"...\", \"colors\": {...} }\n  }'\n```\n\n## Discovery Workflow\n\n1. Call `clawlink_list_integrations` to confirm Figma is connected.\n2. Call `clawlink_list_tools --integration figma` to see the live catalog.\n3. Treat the returned list as the source of truth. Do not guess or assume what tools exist.\n4. If the user describes a capability but the exact tool is unclear, call `clawlink_search_tools` with a short query and integration `figma`.\n5. If no Figma tools appear, direct the user to https://claw-link.dev/dashboard?add=figma.\n\n## Execution Workflow\n\n```\n┌─────────────────────────────────────────────────────────────┐\n│  READ OPERATIONS (Safe)                                     │\n│  list → get → search → describe → call                      │\n│                                                             │\n│  Example: Discover file → Get JSON → Extract nodes          │\n└─────────────────────────────────────────────────────────────┘\n                              │\n                              ▼\n┌─────────────────────────────────────────────────────────────┐\n│  WRITE OPERATIONS (Require Confirmation)                    │\n│  list → get → describe → preview → confirm → call           │\n│                                                             │\n│  Example: Describe tool → Preview comment → User approves   │\n│           → Execute post                                     │\n└─────────────────────────────────────────────────────────────┘\n```\n\n1. For unfamiliar tools, ambiguous requests, or any write action, call `clawlink_describe_tool` first.\n2. Use the returned guidance, schema, `whenToUse`, `askBefore`, `safeDefaults`, `examples`, and `followups` to shape the call.\n3. Prefer read, list, search, and get operations before writes when that reduces ambiguity.\n4. For writes or anything marked as requiring confirmation, call `clawlink_preview_tool` first.\n5. Execute with `clawlink_call_tool`. Pass confirmation only after the preview matches the user's intent.\n6. If the tool call fails, report the real error. Do not invent results or restate the failure as a missing capability unless the live catalog supports that conclusion.\n\n## Notes\n\n- Only Design files (`figma.com/design/...`) are supported by `figma_get_file_json`. FigJam boards (`figma.com/board/...`) and Slides (`figma.com/slides/...`) return a 400 error.\n- Node IDs can be found in Figma URLs after `node-id=`, or from the `figma_get_file_json` response.\n- Downloaded image URLs expire after 14 days; download images immediately after generation.\n- Webhook `team_id`, `project_id`, and `file_key` cannot be discovered via API — extract them from Figma URLs or use `figma_discover_figma_resources`.\n- Comment replies cannot be nested; replies attach to existing root comments only.\n- Design tokens not encoded as Figma styles or variables are silently omitted by `figma_extract_design_tokens`.\n\n## Error Handling\n\n| Status / Error | Meaning |\n|----------------|---------|\n| Tool not found | The tool name does not exist in the current catalog. Verify with `clawlink_list_tools --integration figma`. |\n| Missing connection | Figma is not connected. Direct the user to https://claw-link.dev/dashboard?add=figma. |\n| `400 File type not supported` | File is a FigJam board or Slides file, not a Design file. Only Design files work with `get_file_json`. |\n| `404 Not Found` | File key, node ID, or webhook does not exist or is not accessible to the authenticated user. |\n| `403 Forbidden` | Insufficient permissions for the requested operation (e.g., team admin required for team webhooks). |\n| Write rejected | User did not confirm a write action. Always confirm before executing writes. |\n\n### Troubleshooting: Tools Not Visible\n\n1. Check that the ClawLink plugin is installed:\n   ```bash\n   openclaw plugins list\n   ```\n2. If the plugin is installed but tools are missing, tell the user to send `/new` as a standalone message to reload the catalog.\n3. If a fresh chat does not help, run:\n   ```bash\n   openclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\n   openclaw gateway restart\n   ```\n4. After restart, tell the user to send `/new` again and retry.\n\n### Troubleshooting: Invalid Tool Call\n\n1. Ensure the integration slug is exactly `figma`.\n2. Use `clawlink_describe_tool` to verify parameter names and types before calling.\n3. For write operations, always call `clawlink_preview_tool` first.\n\n## Resources\n\n- [Figma API Overview](https://www.figma.com/developers/api)\n- [Figma REST API Reference](https://www.figma.com/developers/api/rest)\n- [Figma Webhooks](https://www.figma.com/developers/api/webhooks)\n- [ClawLink](https://claw-link.dev)\n- [ClawLink Docs](https://docs.claw-link.dev/openclaw)\n- [ClawLink Verification](https://claw-link.dev/verify)\n\n## Related Skills\n\n- [Google Sheets](https://clawhub.ai/hith3sh/google-sheets-spreadsheets) — For spreadsheet operations\n- [OneDrive](https://clawhub.ai/hith3sh/onedrive-files) — For file management\n\n---\n\n**Powered by [ClawLink](https://claw-link.dev)** — an integration hub for OpenClaw\n\n![ClawLink Logo](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/logo/link_logo_black_small.png)\n\nFile v1.0.5:_meta.json\n\n{\n  \"ownerId\": \"kn713pxvayh8fjhb503zjb8yxh815j54\",\n  \"slug\": \"figma-design\",\n  \"version\": \"1.0.5\",\n  \"publishedAt\": 1780985332479\n}\n\nFile v1.0.5:skill-card.md\n\n## Description: <br>\nRead files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. <br>\n\nThis skill is ready for commercial/non-commercial use. <br>\n\n## Publisher: <br>\n[hith3sh](https://clawhub.ai/user/hith3sh) <br>\n\n### License/Terms of Use: <br>\nMIT-0 <br>\n\n\n## Use Case: <br>\nDevelopers, designers, and product teams use this skill to inspect Figma design files, export assets, manage comments and reactions, extract design tokens, and configure webhooks through authenticated Figma API access. <br>\n\n### Deployment Geography for Use: <br>\nGlobal <br>\n\n## Known Risks and Mitigations: <br>\nRisk: The skill requires OAuth-backed access to Figma resources available to the connected account. <br>\nMitigation: Confirm the Figma account and connection scope before using the skill, and disconnect or reconnect through ClawLink if the wrong account is active. <br>\nRisk: Write actions can create, update, or delete comments, reactions, and webhooks. <br>\nMitigation: Review the previewed target resource and intended change before approving any write, update, or delete operation. <br>\nRisk: Downloaded image URLs are temporary and may expire. <br>\nMitigation: Download generated Figma image assets promptly after the skill returns export URLs. <br>\n\n\n## Reference(s): <br>\n- [Figma API Overview](https://www.figma.com/developers/api) <br>\n- [Figma REST API Reference](https://www.figma.com/developers/api/rest) <br>\n- [Figma Webhooks](https://www.figma.com/developers/api/webhooks) <br>\n- [ClawLink](https://claw-link.dev) <br>\n- [ClawLink Docs](https://docs.claw-link.dev/openclaw) <br>\n- [ClawLink Verification](https://claw-link.dev/verify) <br>\n- [ClawHub Skill Page](https://clawhub.ai/hith3sh/figma-design) <br>\n\n\n## Skill Output: <br>\n**Output Type(s):** [text, markdown, shell commands, configuration, guidance] <br>\n**Output Format:** [Markdown with inline shell commands, API call examples, and troubleshooting guidance] <br>\n**Output Parameters:** [1D] <br>\n**Other Properties Related to Output:** [May direct authenticated ClawLink calls that return Figma JSON, comments, image URLs, design tokens, webhook records, or Tailwind configuration.] <br>\n\n## Skill Version(s): <br>\n1.0.5 (source: server-resolved release metadata) <br>\n\n## Ethical Considerations: <br>\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment. <br>\n\nArchive v1.0.4: 3 files, 6460 bytes\n\nFiles: skill-card.md (2771b), SKILL.md (15693b), _meta.json (131b)\n\nFile v1.0.4:SKILL.md\n\n---\nname: figma-design\ndescription: Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to inspect Figma designs, export assets, manage file comments and reactions, extract design tokens for Tailwind CSS, or set up Figma webhooks for file event notifications.\n---\n\n# Figma\n\n![Figma](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/brand-logos/figma.svg)\n\nAccess Figma via the Figma API with OAuth authentication. Read files, manage comments, extract design tokens, download images, and create webhooks for file event notifications.\n\nThis skill uses [ClawLink](https://claw-link.dev) for hosted connection flows and credentials so you do not need to configure Figma API access yourself.\n\n### Setup in 3 Steps\n\n| Step 1: Install | Step 2: Pair Account | Step 3: Connect Figma |\n|:---:|:---:|:---:|\n| ![Install](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/pairing/initialstep_1.gif) | ![Pair](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/approve_process.gif) | *App-specific connection GIF coming soon* |\n| Run the install command in OpenClaw | Sign in and approve the device | Open the dashboard and connect Figma |\n\n## How It Works\n\n```\n┌─────────────────┐     ┌──────────────┐     ┌──────────────────┐\n│   OpenClaw      │────▶│   ClawLink   │────▶│   Figma API      │\n│   (User Chat)   │     │   (OAuth)    │     │   (REST)         │\n└─────────────────┘     └──────────────┘     └──────────────────┘\n         │                       │                       │\n         │  1. Install Plugin    │                       │\n         │  2. Pair Device       │                       │\n         │  3. Connect Figma     │                       │\n         │                       │  4. Secure Token      │\n         │                       │  5. Proxy Requests    │\n         │                       │                       │\n         ▼                       ▼                       ▼\n   ┌──────────┐           ┌──────────┐           ┌──────────┐\n   │  SKILL   │           │ Dashboard│           │ Figma    │\n   │  File    │           │ Auth     │           │ Files    │\n   └──────────┘           └──────────┘           └──────────┘\n```\n\n## Install\n\nInstall the verified ClawLink plugin from ClawHub. After the user confirms, complete the full setup so ClawLink tools are visible in the next OpenClaw chat.\n\n```bash\nopenclaw plugins install clawhub:clawlink-plugin\nopenclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\nopenclaw gateway restart\n```\n\nThen tell the user: \"OpenClaw has been restarted. Send `/new` as a standalone message to start a fresh chat, then ask for Figma again.\"\n\n## Quick Start\n\n```bash\n# Get current authenticated Figma user\nclawlink_call_tool --tool \"figma_get_current_user\" --params '{}'\n\n# Discover file key and node IDs from a Figma URL\nclawlink_call_tool --tool \"figma_discover_figma_resources\" --params '{\"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyFile\"}'\n\n# Get file JSON for a Figma design file\nclawlink_call_tool --tool \"figma_get_file_json\" --params '{\"file_key\": \"ABC123xyz\"}'\n```\n\n## Authentication\n\nAll Figma tool calls are authenticated automatically by ClawLink using the user's connected Figma account.\n\n**No API key is required in chat.** ClawLink stores the OAuth token securely and injects it into every Figma API request on the user's behalf.\n\n### Getting Connected\n\n1. Install the ClawLink plugin (see Install above).\n2. Pair the plugin with `clawlink_begin_pairing` if it is not configured yet.\n3. Open https://claw-link.dev/dashboard?add=figma and connect Figma.\n4. Call `clawlink_list_integrations` to verify the connection is active.\n\n## Connection Management\n\n### List Connections\n\n```bash\nclawlink_list_integrations\n```\n\n**Response:** Returns all connected integrations. Look for `figma` in the list.\n\n### Verify Connection\n\n```bash\nclawlink_list_tools --integration figma\n```\n\n**Response:** Returns the live tool catalog for Figma.\n\n### Reconnect\n\nIf Figma tools are missing or the connection shows an error:\n\n1. Direct the user to https://claw-link.dev/dashboard?add=figma\n2. After they confirm, call `clawlink_list_integrations` to verify\n3. Then call `clawlink_list_tools --integration figma`\n\n## Security & Permissions\n\n- Access is scoped to Figma files, comments, and resources accessible to the connected Figma account.\n- **All write operations require explicit user confirmation.** Before executing any create, update, or delete call, confirm the target resource and intended effect with the user.\n- Destructive actions (delete comment, delete webhook, delete reaction) are marked as high-impact and must be confirmed.\n- Webhook creation requires team admin permissions for team-level webhooks, or edit access for project/file-level webhooks.\n\n## Tool Reference\n\n### File & Resource Discovery\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_discover_figma_resources` | Extract file_key, node IDs, team_id, and project_id from any Figma URL | Read |\n| `figma_get_file_metadata` | Get file name, creator, last modified, thumbnail, and access info | Read |\n| `figma_get_current_user` | Get authenticated Figma user details | Read |\n\n### File Content\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_file_json` | Get full Figma design file JSON with automatic simplification | Read |\n| `figma_get_file_nodes` | Fetch JSON for specific node IDs from a file | Read |\n| `figma_get_file_styles` | List published styles (colors, text, effects, grids) from a main file | Read |\n| `figma_get_file_components` | List published components from a library file | Read |\n| `figma_get_file_component_sets` | List published component sets from a main file | Read |\n\n### Comments & Reactions\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_comments_in_a_file` | Get all comments from a file with author, position, and reactions | Read |\n| `figma_add_a_comment_to_a_file` | Post a new comment or reply to an existing root comment | Write |\n| `figma_delete_a_comment` | Delete a comment (must be original author) | Write |\n| `figma_add_a_reaction_to_a_comment` | Add an emoji reaction to an existing comment | Write |\n| `figma_delete_a_reaction` | Remove an emoji reaction from a comment | Write |\n| `figma_get_reactions_for_a_comment` | Get all reactions for a specific comment | Read |\n\n### Assets & Export\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_download_figma_images` | Download images from file nodes (PNG, SVG, JPG, PDF) | Read |\n| `figma_render_images_of_file_nodes` | Render nodes as images with format and scale options | Read |\n| `figma_get_image_fills` | Get temporary download URLs for all image fills in a file | Read |\n\n### Design Tokens\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_extract_design_tokens` | Extract design tokens (styles, variables) from a Figma file | Read |\n| `figma_design_tokens_to_tailwind` | Convert extracted design tokens to Tailwind CSS config | Read |\n\n### Webhooks\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_create_a_webhook` | Create a webhook for file, project, or team events | Write |\n| `figma_get_a_webhook` | Get details for a specific webhook | Read |\n| `figma_get_team_webhooks` | List all webhooks for a team, project, or file context | Read |\n| `figma_update_a_webhook` | Update webhook endpoint, event type, or status | Write |\n| `figma_delete_a_webhook` | Permanently delete a webhook | Write |\n| `figma_get_webhook_requests` | Get webhook request history (last 7 days) | Read |\n\n### Teams & Projects\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_projects_in_a_team` | List projects in a Figma team | Read |\n| `figma_get_files_in_a_project` | List files in a Figma project | Read |\n| `figma_get_team_components` | List published components from a team's library | Read |\n| `figma_get_team_styles` | List published styles from a team's library | Read |\n| `figma_get_team_component_sets` | List published component sets from a team's library | Read |\n\n## Code Examples\n\n### Discover resources from a Figma URL\n\n```bash\nclawlink_call_tool --tool \"figma_discover_figma_resources\" \\\n  --params '{\n    \"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyDesign\"\n  }'\n```\n\n### Get file JSON and extract a specific node\n\n```bash\nclawlink_call_tool --tool \"figma_get_file_json\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\"\n  }'\n```\n\n### Download an image from a file node\n\n```bash\nclawlink_call_tool --tool \"figma_download_figma_images\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\",\n    \"images\": [\n      {\n        \"node_id\": \"1:2\",\n        \"file_name\": \"logo.png\",\n        \"format\": \"png\"\n      }\n    ]\n  }'\n```\n\n### Post a comment on a file\n\n```bash\nclawlink_call_tool --tool \"figma_add_a_comment_to_a_file\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\",\n    \"comment\": {\n      \"text\": \"Please review the updated hero section\"\n    }\n  }'\n```\n\n### Extract design tokens and convert to Tailwind\n\n```bash\n# Step 1: Extract tokens\nclawlink_call_tool --tool \"figma_extract_design_tokens\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\"\n  }'\n\n# Step 2: Convert to Tailwind config (pass returned tokens)\nclawlink_call_tool --tool \"figma_design_tokens_to_tailwind\" \\\n  --params '{\n    \"tokens\": { \"$schema\": \"...\", \"colors\": {...} }\n  }'\n```\n\n## Discovery Workflow\n\n1. Call `clawlink_list_integrations` to confirm Figma is connected.\n2. Call `clawlink_list_tools --integration figma` to see the live catalog.\n3. Treat the returned list as the source of truth. Do not guess or assume what tools exist.\n4. If the user describes a capability but the exact tool is unclear, call `clawlink_search_tools` with a short query and integration `figma`.\n5. If no Figma tools appear, direct the user to https://claw-link.dev/dashboard?add=figma.\n\n## Execution Workflow\n\n```\n┌─────────────────────────────────────────────────────────────┐\n│  READ OPERATIONS (Safe)                                     │\n│  list → get → search → describe → call                      │\n│                                                             │\n│  Example: Discover file → Get JSON → Extract nodes          │\n└─────────────────────────────────────────────────────────────┘\n                              │\n                              ▼\n┌─────────────────────────────────────────────────────────────┐\n│  WRITE OPERATIONS (Require Confirmation)                    │\n│  list → get → describe → preview → confirm → call           │\n│                                                             │\n│  Example: Describe tool → Preview comment → User approves   │\n│           → Execute post                                     │\n└─────────────────────────────────────────────────────────────┘\n```\n\n1. For unfamiliar tools, ambiguous requests, or any write action, call `clawlink_describe_tool` first.\n2. Use the returned guidance, schema, `whenToUse`, `askBefore`, `safeDefaults`, `examples`, and `followups` to shape the call.\n3. Prefer read, list, search, and get operations before writes when that reduces ambiguity.\n4. For writes or anything marked as requiring confirmation, call `clawlink_preview_tool` first.\n5. Execute with `clawlink_call_tool`. Pass confirmation only after the preview matches the user's intent.\n6. If the tool call fails, report the real error. Do not invent results or restate the failure as a missing capability unless the live catalog supports that conclusion.\n\n## Notes\n\n- Only Design files (`figma.com/design/...`) are supported by `figma_get_file_json`. FigJam boards (`figma.com/board/...`) and Slides (`figma.com/slides/...`) return a 400 error.\n- Node IDs can be found in Figma URLs after `node-id=`, or from the `figma_get_file_json` response.\n- Downloaded image URLs expire after 14 days; download images immediately after generation.\n- Webhook `team_id`, `project_id`, and `file_key` cannot be discovered via API — extract them from Figma URLs or use `figma_discover_figma_resources`.\n- Comment replies cannot be nested; replies attach to existing root comments only.\n- Design tokens not encoded as Figma styles or variables are silently omitted by `figma_extract_design_tokens`.\n\n## Error Handling\n\n| Status / Error | Meaning |\n|----------------|---------|\n| Tool not found | The tool name does not exist in the current catalog. Verify with `clawlink_list_tools --integration figma`. |\n| Missing connection | Figma is not connected. Direct the user to https://claw-link.dev/dashboard?add=figma. |\n| `400 File type not supported` | File is a FigJam board or Slides file, not a Design file. Only Design files work with `get_file_json`. |\n| `404 Not Found` | File key, node ID, or webhook does not exist or is not accessible to the authenticated user. |\n| `403 Forbidden` | Insufficient permissions for the requested operation (e.g., team admin required for team webhooks). |\n| Write rejected | User did not confirm a write action. Always confirm before executing writes. |\n\n### Troubleshooting: Tools Not Visible\n\n1. Check that the ClawLink plugin is installed:\n   ```bash\n   openclaw plugins list\n   ```\n2. If the plugin is installed but tools are missing, tell the user to send `/new` as a standalone message to reload the catalog.\n3. If a fresh chat does not help, run:\n   ```bash\n   openclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\n   openclaw gateway restart\n   ```\n4. After restart, tell the user to send `/new` again and retry.\n\n### Troubleshooting: Invalid Tool Call\n\n1. Ensure the integration slug is exactly `figma`.\n2. Use `clawlink_describe_tool` to verify parameter names and types before calling.\n3. For write operations, always call `clawlink_preview_tool` first.\n\n## Resources\n\n- [Figma API Overview](https://www.figma.com/developers/api)\n- [Figma REST API Reference](https://www.figma.com/developers/api/rest)\n- [Figma Webhooks](https://www.figma.com/developers/api/webhooks)\n- [ClawLink](https://claw-link.dev)\n- [ClawLink Docs](https://docs.claw-link.dev/openclaw)\n- [ClawLink Verification](https://claw-link.dev/verify)\n\n## Related Skills\n\n- [Google Sheets](https://clawhub.ai/hith3sh/google-sheets-spreadsheets) — For spreadsheet operations\n- [OneDrive](https://clawhub.ai/hith3sh/onedrive-files) — For file management\n\n---\n\n**Powered by [ClawLink](https://claw-link.dev)** — an integration hub for OpenClaw\n\n![ClawLink Logo](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/logo/link_logo_black_small.png)\n\nFile v1.0.4:_meta.json\n\n{\n  \"ownerId\": \"kn713pxvayh8fjhb503zjb8yxh815j54\",\n  \"slug\": \"figma-design\",\n  \"version\": \"1.0.4\",\n  \"publishedAt\": 1780980370329\n}\n\nFile v1.0.4:skill-card.md\n\n## Description: <br>\nRead files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. <br>\n\nThis skill is ready for commercial/non-commercial use. <br>\n\n## Publisher: <br>\n[hith3sh](https://clawhub.ai/user/hith3sh) <br>\n\n### License/Terms of Use: <br>\nMIT-0 <br>\n\n\n## Use Case: <br>\nDevelopers, designers, and design-system maintainers use this skill to inspect Figma design files, export assets, manage file comments and reactions, extract design tokens, and configure Figma webhooks through an authenticated ClawLink connection. <br>\n\n### Deployment Geography for Use: <br>\nGlobal <br>\n\n## Known Risks and Mitigations: <br>\nRisk: The skill uses OAuth-backed access to Figma resources available to the connected account. <br>\nMitigation: Review requested permissions and connected-account scope before use, and reconnect or revoke access if the integration is no longer needed. <br>\nRisk: The skill can guide write operations such as creating comments, reactions, or webhooks. <br>\nMitigation: Require explicit user confirmation before create, update, or delete operations and verify the target file, comment, team, project, or webhook before execution. <br>\nRisk: The release requires sensitive credentials through its OAuth connection flow. <br>\nMitigation: Use the documented ClawLink connection flow rather than placing API keys or tokens in chat, files, or shell history. <br>\n\n\n## Reference(s): <br>\n- [Figma API Overview](https://www.figma.com/developers/api) <br>\n- [Figma REST API Reference](https://www.figma.com/developers/api/rest) <br>\n- [Figma Webhooks](https://www.figma.com/developers/api/webhooks) <br>\n- [ClawLink](https://claw-link.dev) <br>\n- [ClawLink Docs](https://docs.claw-link.dev/openclaw) <br>\n- [ClawLink Verification](https://claw-link.dev/verify) <br>\n- [ClawHub Skill Page](https://clawhub.ai/hith3sh/figma-design) <br>\n- [Publisher Profile](https://clawhub.ai/user/hith3sh) <br>\n\n\n## Skill Output: <br>\n**Output Type(s):** [text, markdown, shell commands, configuration, guidance] <br>\n**Output Format:** [Markdown with inline shell commands and JSON tool-call examples] <br>\n**Output Parameters:** [1D] <br>\n**Other Properties Related to Output:** [May guide authenticated API calls that read Figma resources, download image assets, manage comments or reactions, extract design tokens, or create and update webhooks.] <br>\n\n## Skill Version(s): <br>\n1.0.4 (source: server-resolved release evidence) <br>\n\n## Ethical Considerations: <br>\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment. <br>\n\nArchive v1.0.1: 3 files, 6485 bytes\n\nFiles: skill-card.md (2806b), SKILL.md (15693b), _meta.json (131b)\n\nFile v1.0.1:SKILL.md\n\n---\nname: figma-design\ndescription: Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to inspect Figma designs, export assets, manage file comments and reactions, extract design tokens for Tailwind CSS, or set up Figma webhooks for file event notifications.\n---\n\n# Figma\n\n![Figma](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/brand-logos/figma.svg)\n\nAccess Figma via the Figma API with OAuth authentication. Read files, manage comments, extract design tokens, download images, and create webhooks for file event notifications.\n\nThis skill uses [ClawLink](https://claw-link.dev) for hosted connection flows and credentials so you do not need to configure Figma API access yourself.\n\n### Setup in 3 Steps\n\n| Step 1: Install | Step 2: Pair Account | Step 3: Connect Figma |\n|:---:|:---:|:---:|\n| ![Install](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/pairing/initialstep_1.gif) | ![Pair](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/approve_process.gif) | *App-specific connection GIF coming soon* |\n| Run the install command in OpenClaw | Sign in and approve the device | Open the dashboard and connect Figma |\n\n## How It Works\n\n```\n┌─────────────────┐     ┌──────────────┐     ┌──────────────────┐\n│   OpenClaw      │────▶│   ClawLink   │────▶│   Figma API      │\n│   (User Chat)   │     │   (OAuth)    │     │   (REST)         │\n└─────────────────┘     └──────────────┘     └──────────────────┘\n         │                       │                       │\n         │  1. Install Plugin    │                       │\n         │  2. Pair Device       │                       │\n         │  3. Connect Figma     │                       │\n         │                       │  4. Secure Token      │\n         │                       │  5. Proxy Requests    │\n         │                       │                       │\n         ▼                       ▼                       ▼\n   ┌──────────┐           ┌──────────┐           ┌──────────┐\n   │  SKILL   │           │ Dashboard│           │ Figma    │\n   │  File    │           │ Auth     │           │ Files    │\n   └──────────┘           └──────────┘           └──────────┘\n```\n\n## Install\n\nInstall the verified ClawLink plugin from ClawHub. After the user confirms, complete the full setup so ClawLink tools are visible in the next OpenClaw chat.\n\n```bash\nopenclaw plugins install clawhub:clawlink-plugin\nopenclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\nopenclaw gateway restart\n```\n\nThen tell the user: \"OpenClaw has been restarted. Send `/new` as a standalone message to start a fresh chat, then ask for Figma again.\"\n\n## Quick Start\n\n```bash\n# Get current authenticated Figma user\nclawlink_call_tool --tool \"figma_get_current_user\" --params '{}'\n\n# Discover file key and node IDs from a Figma URL\nclawlink_call_tool --tool \"figma_discover_figma_resources\" --params '{\"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyFile\"}'\n\n# Get file JSON for a Figma design file\nclawlink_call_tool --tool \"figma_get_file_json\" --params '{\"file_key\": \"ABC123xyz\"}'\n```\n\n## Authentication\n\nAll Figma tool calls are authenticated automatically by ClawLink using the user's connected Figma account.\n\n**No API key is required in chat.** ClawLink stores the OAuth token securely and injects it into every Figma API request on the user's behalf.\n\n### Getting Connected\n\n1. Install the ClawLink plugin (see Install above).\n2. Pair the plugin with `clawlink_begin_pairing` if it is not configured yet.\n3. Open https://claw-link.dev/dashboard?add=figma and connect Figma.\n4. Call `clawlink_list_integrations` to verify the connection is active.\n\n## Connection Management\n\n### List Connections\n\n```bash\nclawlink_list_integrations\n```\n\n**Response:** Returns all connected integrations. Look for `figma` in the list.\n\n### Verify Connection\n\n```bash\nclawlink_list_tools --integration figma\n```\n\n**Response:** Returns the live tool catalog for Figma.\n\n### Reconnect\n\nIf Figma tools are missing or the connection shows an error:\n\n1. Direct the user to https://claw-link.dev/dashboard?add=figma\n2. After they confirm, call `clawlink_list_integrations` to verify\n3. Then call `clawlink_list_tools --integration figma`\n\n## Security & Permissions\n\n- Access is scoped to Figma files, comments, and resources accessible to the connected Figma account.\n- **All write operations require explicit user confirmation.** Before executing any create, update, or delete call, confirm the target resource and intended effect with the user.\n- Destructive actions (delete comment, delete webhook, delete reaction) are marked as high-impact and must be confirmed.\n- Webhook creation requires team admin permissions for team-level webhooks, or edit access for project/file-level webhooks.\n\n## Tool Reference\n\n### File & Resource Discovery\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_discover_figma_resources` | Extract file_key, node IDs, team_id, and project_id from any Figma URL | Read |\n| `figma_get_file_metadata` | Get file name, creator, last modified, thumbnail, and access info | Read |\n| `figma_get_current_user` | Get authenticated Figma user details | Read |\n\n### File Content\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_file_json` | Get full Figma design file JSON with automatic simplification | Read |\n| `figma_get_file_nodes` | Fetch JSON for specific node IDs from a file | Read |\n| `figma_get_file_styles` | List published styles (colors, text, effects, grids) from a main file | Read |\n| `figma_get_file_components` | List published components from a library file | Read |\n| `figma_get_file_component_sets` | List published component sets from a main file | Read |\n\n### Comments & Reactions\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_comments_in_a_file` | Get all comments from a file with author, position, and reactions | Read |\n| `figma_add_a_comment_to_a_file` | Post a new comment or reply to an existing root comment | Write |\n| `figma_delete_a_comment` | Delete a comment (must be original author) | Write |\n| `figma_add_a_reaction_to_a_comment` | Add an emoji reaction to an existing comment | Write |\n| `figma_delete_a_reaction` | Remove an emoji reaction from a comment | Write |\n| `figma_get_reactions_for_a_comment` | Get all reactions for a specific comment | Read |\n\n### Assets & Export\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_download_figma_images` | Download images from file nodes (PNG, SVG, JPG, PDF) | Read |\n| `figma_render_images_of_file_nodes` | Render nodes as images with format and scale options | Read |\n| `figma_get_image_fills` | Get temporary download URLs for all image fills in a file | Read |\n\n### Design Tokens\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_extract_design_tokens` | Extract design tokens (styles, variables) from a Figma file | Read |\n| `figma_design_tokens_to_tailwind` | Convert extracted design tokens to Tailwind CSS config | Read |\n\n### Webhooks\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_create_a_webhook` | Create a webhook for file, project, or team events | Write |\n| `figma_get_a_webhook` | Get details for a specific webhook | Read |\n| `figma_get_team_webhooks` | List all webhooks for a team, project, or file context | Read |\n| `figma_update_a_webhook` | Update webhook endpoint, event type, or status | Write |\n| `figma_delete_a_webhook` | Permanently delete a webhook | Write |\n| `figma_get_webhook_requests` | Get webhook request history (last 7 days) | Read |\n\n### Teams & Projects\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_projects_in_a_team` | List projects in a Figma team | Read |\n| `figma_get_files_in_a_project` | List files in a Figma project | Read |\n| `figma_get_team_components` | List published components from a team's library | Read |\n| `figma_get_team_styles` | List published styles from a team's library | Read |\n| `figma_get_team_component_sets` | List published component sets from a team's library | Read |\n\n## Code Examples\n\n### Discover resources from a Figma URL\n\n```bash\nclawlink_call_tool --tool \"figma_discover_figma_resources\" \\\n  --params '{\n    \"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyDesign\"\n  }'\n```\n\n### Get file JSON and extract a specific node\n\n```bash\nclawlink_call_tool --tool \"figma_get_file_json\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\"\n  }'\n```\n\n### Download an image from a file node\n\n```bash\nclawlink_call_tool --tool \"figma_download_figma_images\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\",\n    \"images\": [\n      {\n        \"node_id\": \"1:2\",\n        \"file_name\": \"logo.png\",\n        \"format\": \"png\"\n      }\n    ]\n  }'\n```\n\n### Post a comment on a file\n\n```bash\nclawlink_call_tool --tool \"figma_add_a_comment_to_a_file\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\",\n    \"comment\": {\n      \"text\": \"Please review the updated hero section\"\n    }\n  }'\n```\n\n### Extract design tokens and convert to Tailwind\n\n```bash\n# Step 1: Extract tokens\nclawlink_call_tool --tool \"figma_extract_design_tokens\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\"\n  }'\n\n# Step 2: Convert to Tailwind config (pass returned tokens)\nclawlink_call_tool --tool \"figma_design_tokens_to_tailwind\" \\\n  --params '{\n    \"tokens\": { \"$schema\": \"...\", \"colors\": {...} }\n  }'\n```\n\n## Discovery Workflow\n\n1. Call `clawlink_list_integrations` to confirm Figma is connected.\n2. Call `clawlink_list_tools --integration figma` to see the live catalog.\n3. Treat the returned list as the source of truth. Do not guess or assume what tools exist.\n4. If the user describes a capability but the exact tool is unclear, call `clawlink_search_tools` with a short query and integration `figma`.\n5. If no Figma tools appear, direct the user to https://claw-link.dev/dashboard?add=figma.\n\n## Execution Workflow\n\n```\n┌─────────────────────────────────────────────────────────────┐\n│  READ OPERATIONS (Safe)                                     │\n│  list → get → search → describe → call                      │\n│                                                             │\n│  Example: Discover file → Get JSON → Extract nodes          │\n└─────────────────────────────────────────────────────────────┘\n                              │\n                              ▼\n┌─────────────────────────────────────────────────────────────┐\n│  WRITE OPERATIONS (Require Confirmation)                    │\n│  list → get → describe → preview → confirm → call           │\n│                                                             │\n│  Example: Describe tool → Preview comment → User approves   │\n│           → Execute post                                     │\n└─────────────────────────────────────────────────────────────┘\n```\n\n1. For unfamiliar tools, ambiguous requests, or any write action, call `clawlink_describe_tool` first.\n2. Use the returned guidance, schema, `whenToUse`, `askBefore`, `safeDefaults`, `examples`, and `followups` to shape the call.\n3. Prefer read, list, search, and get operations before writes when that reduces ambiguity.\n4. For writes or anything marked as requiring confirmation, call `clawlink_preview_tool` first.\n5. Execute with `clawlink_call_tool`. Pass confirmation only after the preview matches the user's intent.\n6. If the tool call fails, report the real error. Do not invent results or restate the failure as a missing capability unless the live catalog supports that conclusion.\n\n## Notes\n\n- Only Design files (`figma.com/design/...`) are supported by `figma_get_file_json`. FigJam boards (`figma.com/board/...`) and Slides (`figma.com/slides/...`) return a 400 error.\n- Node IDs can be found in Figma URLs after `node-id=`, or from the `figma_get_file_json` response.\n- Downloaded image URLs expire after 14 days; download images immediately after generation.\n- Webhook `team_id`, `project_id`, and `file_key` cannot be discovered via API — extract them from Figma URLs or use `figma_discover_figma_resources`.\n- Comment replies cannot be nested; replies attach to existing root comments only.\n- Design tokens not encoded as Figma styles or variables are silently omitted by `figma_extract_design_tokens`.\n\n## Error Handling\n\n| Status / Error | Meaning |\n|----------------|---------|\n| Tool not found | The tool name does not exist in the current catalog. Verify with `clawlink_list_tools --integration figma`. |\n| Missing connection | Figma is not connected. Direct the user to https://claw-link.dev/dashboard?add=figma. |\n| `400 File type not supported` | File is a FigJam board or Slides file, not a Design file. Only Design files work with `get_file_json`. |\n| `404 Not Found` | File key, node ID, or webhook does not exist or is not accessible to the authenticated user. |\n| `403 Forbidden` | Insufficient permissions for the requested operation (e.g., team admin required for team webhooks). |\n| Write rejected | User did not confirm a write action. Always confirm before executing writes. |\n\n### Troubleshooting: Tools Not Visible\n\n1. Check that the ClawLink plugin is installed:\n   ```bash\n   openclaw plugins list\n   ```\n2. If the plugin is installed but tools are missing, tell the user to send `/new` as a standalone message to reload the catalog.\n3. If a fresh chat does not help, run:\n   ```bash\n   openclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\n   openclaw gateway restart\n   ```\n4. After restart, tell the user to send `/new` again and retry.\n\n### Troubleshooting: Invalid Tool Call\n\n1. Ensure the integration slug is exactly `figma`.\n2. Use `clawlink_describe_tool` to verify parameter names and types before calling.\n3. For write operations, always call `clawlink_preview_tool` first.\n\n## Resources\n\n- [Figma API Overview](https://www.figma.com/developers/api)\n- [Figma REST API Reference](https://www.figma.com/developers/api/rest)\n- [Figma Webhooks](https://www.figma.com/developers/api/webhooks)\n- [ClawLink](https://claw-link.dev)\n- [ClawLink Docs](https://docs.claw-link.dev/openclaw)\n- [ClawLink Verification](https://claw-link.dev/verify)\n\n## Related Skills\n\n- [Google Sheets](https://clawhub.ai/hith3sh/google-sheets-spreadsheets) — For spreadsheet operations\n- [OneDrive](https://clawhub.ai/hith3sh/onedrive-files) — For file management\n\n---\n\n**Powered by [ClawLink](https://claw-link.dev)** — an integration hub for OpenClaw\n\n![ClawLink Logo](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/logo/link_logo_black_small.png)\n\nFile v1.0.1:_meta.json\n\n{\n  \"ownerId\": \"kn713pxvayh8fjhb503zjb8yxh815j54\",\n  \"slug\": \"figma-design\",\n  \"version\": \"1.0.1\",\n  \"publishedAt\": 1780936542698\n}\n\nFile v1.0.1:skill-card.md\n\n## Description: <br>\nRead files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. <br>\n\nThis skill is ready for commercial/non-commercial use. <br>\n\n## Publisher: <br>\n[hith3sh](https://clawhub.ai/user/hith3sh) <br>\n\n### License/Terms of Use: <br>\nMIT-0 <br>\n\n\n## Use Case: <br>\nExternal users, designers, and developers use this skill to inspect Figma design files, export image assets, manage file comments and reactions, extract design tokens for Tailwind CSS, and configure Figma webhooks through ClawLink. <br>\n\n### Deployment Geography for Use: <br>\nGlobal <br>\n\n## Known Risks and Mitigations: <br>\nRisk: The skill accesses Figma files, comments, resources, and OAuth-backed account permissions available to the connected user. <br>\nMitigation: Connect only the intended Figma account through ClawLink and verify the requested file, node, team, project, or webhook context before running actions. <br>\nRisk: Write or destructive operations can create, update, or delete comments, reactions, and webhooks. <br>\nMitigation: Use preview and explicit user confirmation for every write or destructive action, and proceed only when the target resource and effect match the user's intent. <br>\nRisk: Webhook creation may require team admin permissions or edit access and can route Figma events to an external endpoint. <br>\nMitigation: Confirm permissions, endpoint ownership, event scope, and intended notification behavior before creating or updating webhooks. <br>\n\n\n## Reference(s): <br>\n- [Figma API Overview](https://www.figma.com/developers/api) <br>\n- [Figma REST API Reference](https://www.figma.com/developers/api/rest) <br>\n- [Figma Webhooks](https://www.figma.com/developers/api/webhooks) <br>\n- [ClawLink](https://claw-link.dev) <br>\n- [ClawLink Docs](https://docs.claw-link.dev/openclaw) <br>\n- [ClawLink Verification](https://claw-link.dev/verify) <br>\n- [ClawHub Figma Skill](https://clawhub.ai/hith3sh/figma-design) <br>\n\n\n## Skill Output: <br>\n**Output Type(s):** [text, markdown, code, shell commands, configuration, API calls, guidance] <br>\n**Output Format:** [Markdown, shell commands, JSON API parameters, and configuration snippets] <br>\n**Output Parameters:** [1D] <br>\n**Other Properties Related to Output:** [May return Figma file JSON, design token data, Tailwind configuration, image export guidance, webhook setup guidance, and user-confirmed write operations.] <br>\n\n## Skill Version(s): <br>\n1.0.1 (source: server release metadata) <br>\n\n## Ethical Considerations: <br>\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment. <br>\n\nArchive v0.1.1: 3 files, 6436 bytes\n\nFiles: skill-card.md (2710b), SKILL.md (15586b), _meta.json (131b)\n\nFile v0.1.1:SKILL.md\n\n---\nname: figma-design\ndescription: Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to inspect Figma designs, export assets, manage file comments and reactions, extract design tokens for Tailwind CSS, or set up Figma webhooks for file event notifications.\n---\n\n# Figma\n\nAccess Figma via the Figma API with OAuth authentication. Read files, manage comments, extract design tokens, download images, and create webhooks for file event notifications.\n\nThis skill uses [ClawLink](https://claw-link.dev) for hosted connection flows and credentials so you do not need to configure Figma API access yourself.\n\n### Setup in 3 Steps\n\n| Step 1: Install | Step 2: Pair Account | Step 3: Connect Figma |\n|:---:|:---:|:---:|\n| ![Install](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/pairing/initialstep_1.gif) | ![Pair](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/approve_process.gif) | *App-specific connection GIF coming soon* |\n| Run the install command in OpenClaw | Sign in and approve the device | Open the dashboard and connect Figma |\n\n## How It Works\n\n```\n┌─────────────────┐     ┌──────────────┐     ┌──────────────────┐\n│   OpenClaw      │────▶│   ClawLink   │────▶│   Figma API      │\n│   (User Chat)   │     │   (OAuth)    │     │   (REST)         │\n└─────────────────┘     └──────────────┘     └──────────────────┘\n         │                       │                       │\n         │  1. Install Plugin    │                       │\n         │  2. Pair Device       │                       │\n         │  3. Connect Figma     │                       │\n         │                       │  4. Secure Token      │\n         │                       │  5. Proxy Requests    │\n         │                       │                       │\n         ▼                       ▼                       ▼\n   ┌──────────┐           ┌──────────┐           ┌──────────┐\n   │  SKILL   │           │ Dashboard│           │ Figma    │\n   │  File    │           │ Auth     │           │ Files    │\n   └──────────┘           └──────────┘           └──────────┘\n```\n\n## Install\n\nInstall the verified ClawLink plugin from ClawHub. After the user confirms, complete the full setup so ClawLink tools are visible in the next OpenClaw chat.\n\n```bash\nopenclaw plugins install clawhub:clawlink-plugin\nopenclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\nopenclaw gateway restart\n```\n\nThen tell the user: \"OpenClaw has been restarted. Send `/new` as a standalone message to start a fresh chat, then ask for Figma again.\"\n\n## Quick Start\n\n```bash\n# Get current authenticated Figma user\nclawlink_call_tool --tool \"figma_get_current_user\" --params '{}'\n\n# Discover file key and node IDs from a Figma URL\nclawlink_call_tool --tool \"figma_discover_figma_resources\" --params '{\"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyFile\"}'\n\n# Get file JSON for a Figma design file\nclawlink_call_tool --tool \"figma_get_file_json\" --params '{\"file_key\": \"ABC123xyz\"}'\n```\n\n## Authentication\n\nAll Figma tool calls are authenticated automatically by ClawLink using the user's connected Figma account.\n\n**No API key is required in chat.** ClawLink stores the OAuth token securely and injects it into every Figma API request on the user's behalf.\n\n### Getting Connected\n\n1. Install the ClawLink plugin (see Install above).\n2. Pair the plugin with `clawlink_begin_pairing` if it is not configured yet.\n3. Open https://claw-link.dev/dashboard?add=figma and connect Figma.\n4. Call `clawlink_list_integrations` to verify the connection is active.\n\n## Connection Management\n\n### List Connections\n\n```bash\nclawlink_list_integrations\n```\n\n**Response:** Returns all connected integrations. Look for `figma` in the list.\n\n### Verify Connection\n\n```bash\nclawlink_list_tools --integration figma\n```\n\n**Response:** Returns the live tool catalog for Figma.\n\n### Reconnect\n\nIf Figma tools are missing or the connection shows an error:\n\n1. Direct the user to https://claw-link.dev/dashboard?add=figma\n2. After they confirm, call `clawlink_list_integrations` to verify\n3. Then call `clawlink_list_tools --integration figma`\n\n## Security & Permissions\n\n- Access is scoped to Figma files, comments, and resources accessible to the connected Figma account.\n- **All write operations require explicit user confirmation.** Before executing any create, update, or delete call, confirm the target resource and intended effect with the user.\n- Destructive actions (delete comment, delete webhook, delete reaction) are marked as high-impact and must be confirmed.\n- Webhook creation requires team admin permissions for team-level webhooks, or edit access for project/file-level webhooks.\n\n## Tool Reference\n\n### File & Resource Discovery\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_discover_figma_resources` | Extract file_key, node IDs, team_id, and project_id from any Figma URL | Read |\n| `figma_get_file_metadata` | Get file name, creator, last modified, thumbnail, and access info | Read |\n| `figma_get_current_user` | Get authenticated Figma user details | Read |\n\n### File Content\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_file_json` | Get full Figma design file JSON with automatic simplification | Read |\n| `figma_get_file_nodes` | Fetch JSON for specific node IDs from a file | Read |\n| `figma_get_file_styles` | List published styles (colors, text, effects, grids) from a main file | Read |\n| `figma_get_file_components` | List published components from a library file | Read |\n| `figma_get_file_component_sets` | List published component sets from a main file | Read |\n\n### Comments & Reactions\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_comments_in_a_file` | Get all comments from a file with author, position, and reactions | Read |\n| `figma_add_a_comment_to_a_file` | Post a new comment or reply to an existing root comment | Write |\n| `figma_delete_a_comment` | Delete a comment (must be original author) | Write |\n| `figma_add_a_reaction_to_a_comment` | Add an emoji reaction to an existing comment | Write |\n| `figma_delete_a_reaction` | Remove an emoji reaction from a comment | Write |\n| `figma_get_reactions_for_a_comment` | Get all reactions for a specific comment | Read |\n\n### Assets & Export\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_download_figma_images` | Download images from file nodes (PNG, SVG, JPG, PDF) | Read |\n| `figma_render_images_of_file_nodes` | Render nodes as images with format and scale options | Read |\n| `figma_get_image_fills` | Get temporary download URLs for all image fills in a file | Read |\n\n### Design Tokens\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_extract_design_tokens` | Extract design tokens (styles, variables) from a Figma file | Read |\n| `figma_design_tokens_to_tailwind` | Convert extracted design tokens to Tailwind CSS config | Read |\n\n### Webhooks\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_create_a_webhook` | Create a webhook for file, project, or team events | Write |\n| `figma_get_a_webhook` | Get details for a specific webhook | Read |\n| `figma_get_team_webhooks` | List all webhooks for a team, project, or file context | Read |\n| `figma_update_a_webhook` | Update webhook endpoint, event type, or status | Write |\n| `figma_delete_a_webhook` | Permanently delete a webhook | Write |\n| `figma_get_webhook_requests` | Get webhook request history (last 7 days) | Read |\n\n### Teams & Projects\n\n| Tool | Description | Mode |\n|------|-------------|------|\n| `figma_get_projects_in_a_team` | List projects in a Figma team | Read |\n| `figma_get_files_in_a_project` | List files in a Figma project | Read |\n| `figma_get_team_components` | List published components from a team's library | Read |\n| `figma_get_team_styles` | List published styles from a team's library | Read |\n| `figma_get_team_component_sets` | List published component sets from a team's library | Read |\n\n## Code Examples\n\n### Discover resources from a Figma URL\n\n```bash\nclawlink_call_tool --tool \"figma_discover_figma_resources\" \\\n  --params '{\n    \"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyDesign\"\n  }'\n```\n\n### Get file JSON and extract a specific node\n\n```bash\nclawlink_call_tool --tool \"figma_get_file_json\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\"\n  }'\n```\n\n### Download an image from a file node\n\n```bash\nclawlink_call_tool --tool \"figma_download_figma_images\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\",\n    \"images\": [\n      {\n        \"node_id\": \"1:2\",\n        \"file_name\": \"logo.png\",\n        \"format\": \"png\"\n      }\n    ]\n  }'\n```\n\n### Post a comment on a file\n\n```bash\nclawlink_call_tool --tool \"figma_add_a_comment_to_a_file\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\",\n    \"comment\": {\n      \"text\": \"Please review the updated hero section\"\n    }\n  }'\n```\n\n### Extract design tokens and convert to Tailwind\n\n```bash\n# Step 1: Extract tokens\nclawlink_call_tool --tool \"figma_extract_design_tokens\" \\\n  --params '{\n    \"file_key\": \"ABC123xyz\"\n  }'\n\n# Step 2: Convert to Tailwind config (pass returned tokens)\nclawlink_call_tool --tool \"figma_design_tokens_to_tailwind\" \\\n  --params '{\n    \"tokens\": { \"$schema\": \"...\", \"colors\": {...} }\n  }'\n```\n\n## Discovery Workflow\n\n1. Call `clawlink_list_integrations` to confirm Figma is connected.\n2. Call `clawlink_list_tools --integration figma` to see the live catalog.\n3. Treat the returned list as the source of truth. Do not guess or assume what tools exist.\n4. If the user describes a capability but the exact tool is unclear, call `clawlink_search_tools` with a short query and integration `figma`.\n5. If no Figma tools appear, direct the user to https://claw-link.dev/dashboard?add=figma.\n\n## Execution Workflow\n\n```\n┌─────────────────────────────────────────────────────────────┐\n│  READ OPERATIONS (Safe)                                     │\n│  list → get → search → describe → call                      │\n│                                                             │\n│  Example: Discover file → Get JSON → Extract nodes          │\n└─────────────────────────────────────────────────────────────┘\n                              │\n                              ▼\n┌─────────────────────────────────────────────────────────────┐\n│  WRITE OPERATIONS (Require Confirmation)                    │\n│  list → get → describe → preview → confirm → call           │\n│                                                             │\n│  Example: Describe tool → Preview comment → User approves   │\n│           → Execute post                                     │\n└─────────────────────────────────────────────────────────────┘\n```\n\n1. For unfamiliar tools, ambiguous requests, or any write action, call `clawlink_describe_tool` first.\n2. Use the returned guidance, schema, `whenToUse`, `askBefore`, `safeDefaults`, `examples`, and `followups` to shape the call.\n3. Prefer read, list, search, and get operations before writes when that reduces ambiguity.\n4. For writes or anything marked as requiring confirmation, call `clawlink_preview_tool` first.\n5. Execute with `clawlink_call_tool`. Pass confirmation only after the preview matches the user's intent.\n6. If the tool call fails, report the real error. Do not invent results or restate the failure as a missing capability unless the live catalog supports that conclusion.\n\n## Notes\n\n- Only Design files (`figma.com/design/...`) are supported by `figma_get_file_json`. FigJam boards (`figma.com/board/...`) and Slides (`figma.com/slides/...`) return a 400 error.\n- Node IDs can be found in Figma URLs after `node-id=`, or from the `figma_get_file_json` response.\n- Downloaded image URLs expire after 14 days; download images immediately after generation.\n- Webhook `team_id`, `project_id`, and `file_key` cannot be discovered via API — extract them from Figma URLs or use `figma_discover_figma_resources`.\n- Comment replies cannot be nested; replies attach to existing root comments only.\n- Design tokens not encoded as Figma styles or variables are silently omitted by `figma_extract_design_tokens`.\n\n## Error Handling\n\n| Status / Error | Meaning |\n|----------------|---------|\n| Tool not found | The tool name does not exist in the current catalog. Verify with `clawlink_list_tools --integration figma`. |\n| Missing connection | Figma is not connected. Direct the user to https://claw-link.dev/dashboard?add=figma. |\n| `400 File type not supported` | File is a FigJam board or Slides file, not a Design file. Only Design files work with `get_file_json`. |\n| `404 Not Found` | File key, node ID, or webhook does not exist or is not accessible to the authenticated user. |\n| `403 Forbidden` | Insufficient permissions for the requested operation (e.g., team admin required for team webhooks). |\n| Write rejected | User did not confirm a write action. Always confirm before executing writes. |\n\n### Troubleshooting: Tools Not Visible\n\n1. Check that the ClawLink plugin is installed:\n   ```bash\n   openclaw plugins list\n   ```\n2. If the plugin is installed but tools are missing, tell the user to send `/new` as a standalone message to reload the catalog.\n3. If a fresh chat does not help, run:\n   ```bash\n   openclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\n   openclaw gateway restart\n   ```\n4. After restart, tell the user to send `/new` again and retry.\n\n### Troubleshooting: Invalid Tool Call\n\n1. Ensure the integration slug is exactly `figma`.\n2. Use `clawlink_describe_tool` to verify parameter names and types before calling.\n3. For write operations, always call `clawlink_preview_tool` first.\n\n## Resources\n\n- [Figma API Overview](https://www.figma.com/developers/api)\n- [Figma REST API Reference](https://www.figma.com/developers/api/rest)\n- [Figma Webhooks](https://www.figma.com/developers/api/webhooks)\n- [ClawLink](https://claw-link.dev)\n- [ClawLink Docs](https://docs.claw-link.dev/openclaw)\n- [ClawLink Verification](https://claw-link.dev/verify)\n\n## Related Skills\n\n- [Google Sheets](https://clawhub.ai/hith3sh/google-sheets-spreadsheets) — For spreadsheet operations\n- [OneDrive](https://clawhub.ai/hith3sh/onedrive-files) — For file management\n\n---\n\n**Powered by [ClawLink](https://claw-link.dev)** — an integration hub for OpenClaw\n\n![ClawLink Logo](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/logo/link_logo_black_small.png)\n\nFile v0.1.1:_meta.json\n\n{\n  \"ownerId\": \"kn713pxvayh8fjhb503zjb8yxh815j54\",\n  \"slug\": \"figma-design\",\n  \"version\": \"0.1.1\",\n  \"publishedAt\": 1780838932912\n}\n\nFile v0.1.1:skill-card.md\n\n## Description: <br>\nRead files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. <br>\n\nThis skill is ready for commercial/non-commercial use. <br>\n\n## Publisher: <br>\n[hith3sh](https://clawhub.ai/user/hith3sh) <br>\n\n### License/Terms of Use: <br>\nMIT-0 <br>\n\n\n## Use Case: <br>\nDesigners, developers, and agents use this skill to inspect Figma design files, export image assets, manage comments and reactions, extract design tokens for Tailwind CSS, and configure Figma webhooks through an authenticated ClawLink connection. <br>\n\n### Deployment Geography for Use: <br>\nGlobal <br>\n\n## Known Risks and Mitigations: <br>\nRisk: The skill connects to a user's Figma account through ClawLink and can access files, comments, resources, and webhooks visible to that account. <br>\nMitigation: Use it only with a trusted ClawLink connection and an account whose Figma permissions match the intended task. <br>\nRisk: Write operations can post comments, manage reactions, or create, update, and delete webhooks. <br>\nMitigation: Preview the intended write, confirm the target resource and effect with the user, and execute only after explicit approval. <br>\nRisk: Some actions can fail or affect the wrong scope when the file key, node ID, team ID, project ID, or webhook ID is incorrect. <br>\nMitigation: Resolve identifiers from Figma URLs or discovery tools before acting, and verify access with read-only list or get calls before writes. <br>\n\n\n## Reference(s): <br>\n- [ClawHub Figma skill](https://clawhub.ai/hith3sh/figma-design) <br>\n- [Figma API Overview](https://www.figma.com/developers/api) <br>\n- [Figma REST API Reference](https://www.figma.com/developers/api/rest) <br>\n- [Figma Webhooks](https://www.figma.com/developers/api/webhooks) <br>\n- [ClawLink](https://claw-link.dev) <br>\n- [ClawLink Docs](https://docs.claw-link.dev/openclaw) <br>\n- [ClawLink Verification](https://claw-link.dev/verify) <br>\n\n\n## Skill Output: <br>\n**Output Type(s):** [text, markdown, code, shell commands, configuration, guidance] <br>\n**Output Format:** [Markdown guidance with shell commands, tool-call examples, and configuration steps] <br>\n**Output Parameters:** [1D] <br>\n**Other Properties Related to Output:** [May guide authenticated Figma API reads and user-confirmed write actions through ClawLink.] <br>\n\n## Skill Version(s): <br>\n0.1.1 (source: server release evidence) <br>\n\n## Ethical Considerations: <br>\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment. <br>\n\nArchive v0.1.0: 3 files, 3440 bytes\n\nFiles: skill-card.md (2202b), SKILL.md (4973b), _meta.json (131b)\n\nFile v0.1.0:SKILL.md\n\n---\nname: figma-design\ndescription: Read files, manage comments, extract design tokens, download images, and create webhooks in Figma — powered by ClawLink.\n---\n\n# Figma via ClawLink\n\nWork with Figma from chat — read files, manage comments, extract design tokens, download images, and create webhooks.\n\nPowered by [ClawLink](https://claw-link.dev), an integration hub for OpenClaw that handles hosted connection flows and credentials so you don't need to configure Figma API access yourself.\n\n## Quick start\n\n1. Install the verified ClawLink plugin: `openclaw plugins install clawhub:clawlink-plugin`\n2. Start a fresh OpenClaw chat if the plugin was just installed and ClawLink tools are not visible yet\n3. If ClawLink is not configured, call `clawlink_begin_pairing`\n4. Tell the user to open the returned pairing URL, sign in to ClawLink if needed, and approve the device\n5. After the user confirms approval, call `clawlink_get_pairing_status`\n6. Tell the user to connect Figma at [claw-link.dev/dashboard?add=figma](https://claw-link.dev/dashboard?add=figma)\n7. When the user confirms Figma is connected, call `clawlink_list_integrations` and then `clawlink_list_tools` with the `figma` integration slug\n\n## Setup details\n\n### Installing the plugin\n\nIf the ClawLink plugin is not installed yet, tell the user to run:\n\n```\nopenclaw plugins install clawhub:clawlink-plugin\n```\n\nIf the current chat started before the plugin was installed and ClawLink tools are still unavailable, tell the user to start a fresh chat so OpenClaw reloads the plugin tool catalog.\n\n### Pairing ClawLink\n\nIf ClawLink reports that the plugin is not configured, the plugin has not been paired with the user's ClawLink account yet.\n\n1. Call `clawlink_begin_pairing`.\n2. Tell the user to open the returned pairing URL in their browser.\n3. The user signs in to ClawLink if needed and approves the OpenClaw device.\n4. After the user confirms approval, call `clawlink_get_pairing_status` to finish local setup.\n\nThe resulting device credential is stored locally in OpenClaw's plugin config and is only sent to `claw-link.dev`. The user should not paste raw credentials into chat.\n\n### Connecting Figma\n\nTell the user to open https://claw-link.dev/dashboard?add=figma and connect Figma there. The page opens the add-connection panel filtered to Figma. ClawLink's hosted page runs the Figma OAuth flow — the user clicks through the Figma login and authorization screen. When they confirm it is done, call `clawlink_list_integrations` to verify, then call `clawlink_list_tools` with integration `figma`.\n\n## Using Figma tools\n\nClawLink provides tools dynamically based on what the user has connected. You do not need to know tool names or schemas in advance.\n\n### Discovery\n\n1. Call `clawlink_list_integrations` to confirm Figma is connected.\n2. Call `clawlink_list_tools` with integration `figma`.\n3. Treat the returned list as the source of truth. Do not guess or assume what tools exist.\n4. If the user describes a capability but the exact tool is unclear, call `clawlink_search_tools` with a short query and integration `figma`.\n5. If no Figma tools appear, direct the user to https://claw-link.dev/dashboard?add=figma.\n\n### Execution\n\n1. Call `clawlink_describe_tool` before using an unfamiliar tool, before any write, or when the request is ambiguous.\n2. Use the returned schema, `whenToUse`, `askBefore`, `safeDefaults`, `examples`, and `followups`.\n3. Prefer read, list, search, and get operations before writes.\n4. For writes or anything marked as requiring confirmation, call `clawlink_preview_tool` first, then confirm with the user.\n5. Execute with `clawlink_call_tool`.\n6. If it fails, report the real error. Do not invent results or restate the failure as a missing capability unless the live catalog supports that conclusion.\n\n## What you can do\n\nTypical Figma tasks (actual availability depends on the user's connected account, permissions, scopes, and current ClawLink tool catalog):\n\n- Download images from file nodes\n- Extract design tokens from files\n- Convert design tokens to Tailwind CSS config\n- Post comments to files or branches\n- Create webhooks for file events\n- Attach development resources to nodes\n\n## Rules\n\n- Always use ClawLink tools for Figma. Do not ask the user for separate Figma credentials.\n- Do not claim a capability is missing without checking the live ClawLink catalog in the current turn.\n- Do not invent slash commands or ask the user to paste raw credentials.\n- Ask for confirmation before destructive, external-facing, or bulk write actions.\n- If Figma is not connected, direct the user to https://claw-link.dev/dashboard?add=figma.\n- Never echo or repeat the user's ClawLink credential.\n\n## Resources\n\n- ClawLink: https://claw-link.dev\n- ClawLink Docs: https://docs.claw-link.dev/openclaw\n- ClawLink Verification: https://claw-link.dev/verify\n- ClawLink Source: https://github.com/hith3sh/clawlink\n- Figma API: https://www.figma.com/developers/api/\n\nFile v0.1.0:_meta.json\n\n{\n  \"ownerId\": \"kn713pxvayh8fjhb503zjb8yxh815j54\",\n  \"slug\": \"figma-design\",\n  \"version\": \"0.1.0\",\n  \"publishedAt\": 1777822319016\n}\n\nFile v0.1.0:skill-card.md\n\n## Description: <br>\nRead files, manage comments, extract design tokens, download images, and create webhooks in Figma, powered by ClawLink. <br>\n\nThis skill is ready for commercial/non-commercial use. <br>\n\n## Publisher: <br>\n[hith3sh](https://clawhub.ai/user/hith3sh) <br>\n\n### License/Terms of Use: <br>\nMIT-0 <br>\n\n\n## Use Case: <br>\nDevelopers and designers use this skill to work with Figma from an agent chat, including reading design files, managing comments, extracting tokens, downloading images, and preparing webhooks through ClawLink. <br>\n\n### Deployment Geography for Use: <br>\nGlobal <br>\n\n## Known Risks and Mitigations: <br>\nRisk: The skill requires ClawLink to broker a Figma connection and handle sensitive access. <br>\nMitigation: Install only when ClawLink is trusted for the Figma connection and review connected apps in Figma and ClawLink periodically. <br>\nRisk: Figma write, comment, webhook, or bulk actions can affect external design assets or integrations. <br>\nMitigation: Review requested write, comment, webhook, or bulk actions before approval and use preview or confirmation steps for sensitive operations. <br>\n\n\n## Reference(s): <br>\n- [ClawHub Figma skill](https://clawhub.ai/hith3sh/figma-design) <br>\n- [ClawLink](https://claw-link.dev) <br>\n- [ClawLink OpenClaw docs](https://docs.claw-link.dev/openclaw) <br>\n- [ClawLink verification](https://claw-link.dev/verify) <br>\n- [Figma API](https://www.figma.com/developers/api/) <br>\n\n\n## Skill Output: <br>\n**Output Type(s):** [guidance, shell commands, configuration, text] <br>\n**Output Format:** [Markdown guidance with inline shell commands and links] <br>\n**Output Parameters:** [1D] <br>\n**Other Properties Related to Output:** [Uses live ClawLink discovery; available actions depend on the connected Figma account, permissions, scopes, and current tool catalog.] <br>\n\n## Skill Version(s): <br>\n0.1.0 (source: release evidence) <br>\n\n## Ethical Considerations: <br>\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment. <br>","readmeExcerpt":"Skill: Figma Owner: hith3sh Summary: Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to i... Tags: latest:1.0.6 Version history: v1.0.6 | 2026-06-09T07:07:45.014Z | user Add UTM attribution tags (utm_source=clawhub) to ClawLink branding links so visits from this skill page are tracked as a distinct traffic source.","codeSnippets":[],"executableExamples":[{"language":"text","snippet":"┌─────────────────┐     ┌──────────────┐     ┌──────────────────┐\n│   OpenClaw      │────▶│   ClawLink   │────▶│   Figma API      │\n│   (User Chat)   │     │   (OAuth)    │     │   (REST)         │\n└─────────────────┘     └──────────────┘     └──────────────────┘\n         │                       │                       │\n         │  1. Install Plugin    │                       │\n         │  2. Pair Device       │                       │\n         │  3. Connect Figma     │                       │\n         │                       │  4. Secure Token      │\n         │                       │  5. Proxy Requests    │\n         │                       │                       │\n         ▼                       ▼                       ▼\n   ┌──────────┐           ┌──────────┐           ┌──────────┐\n   │  SKILL   │           │ Dashboard│           │ Figma    │\n   │  File    │           │ Auth     │           │ Files    │\n   └──────────┘           └──────────┘           └──────────┘"},{"language":"bash","snippet":"openclaw plugins install clawhub:clawlink-plugin\nopenclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\nopenclaw gateway restart"},{"language":"bash","snippet":"# Get current authenticated Figma user\nclawlink_call_tool --tool \"figma_get_current_user\" --params '{}'\n\n# Discover file key and node IDs from a Figma URL\nclawlink_call_tool --tool \"figma_discover_figma_resources\" --params '{\"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyFile\"}'\n\n# Get file JSON for a Figma design file\nclawlink_call_tool --tool \"figma_get_file_json\" --params '{\"file_key\": \"ABC123xyz\"}'"},{"language":"bash","snippet":"clawlink_list_integrations"},{"language":"bash","snippet":"clawlink_list_tools --integration figma"},{"language":"bash","snippet":"clawlink_call_tool --tool \"figma_discover_figma_resources\" \\\n  --params '{\n    \"figma_url\": \"https://www.figma.com/file/ABC123xyz/MyDesign\"\n  }'"}],"parameters":null,"dependencies":[],"permissions":[],"extractedFiles":[{"path":"SKILL.md","content":"---\nname: figma-design\ndescription: Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to inspect Figma designs, export assets, manage file comments and reactions, extract design tokens for Tailwind CSS, or set up Figma webhooks for file event notifications.\n---\n\n# Figma\n\n![Figma](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/brand-logos/figma.svg?v=2)\n\nAccess Figma via the Figma API with OAuth authentication. Read files, manage comments, extract design tokens, download images, and create webhooks for file event notifications.\n\nThis skill uses [ClawLink](https://claw-link.dev/?utm_source=clawhub&utm_medium=referral&utm_content=figma-design) for hosted connection flows and credentials so you do not need to configure Figma API access yourself.\n\n### Setup in 3 Steps\n\n| Step 1: Install | Step 2: Pair Account | Step 3: Connect Figma |\n|:---:|:---:|:---:|\n| ![Install](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/pairing/initialstep_1.gif) | ![Pair](https://raw.githubusercontent.com/ClawLink-HQ/clawlink/main/public/images/approve_process.gif) | *App-specific connection GIF coming soon* |\n| Run the install command in OpenClaw | Sign in and approve the device | Open the dashboard and connect Figma |\n\n## How It Works\n\n```\n┌─────────────────┐     ┌──────────────┐     ┌──────────────────┐\n│   OpenClaw      │────▶│   ClawLink   │────▶│   Figma API      │\n│   (User Chat)   │     │   (OAuth)    │     │   (REST)         │\n└─────────────────┘     └──────────────┘     └──────────────────┘\n         │                       │                       │\n         │  1. Install Plugin    │                       │\n         │  2. Pair Device       │                       │\n         │  3. Connect Figma     │                       │\n         │                       │  4. Secure Token      │\n         │                       │  5. Proxy Requests    │\n         │                       │                       │\n         ▼                       ▼                       ▼\n   ┌──────────┐           ┌──────────┐           ┌──────────┐\n   │  SKILL   │           │ Dashboard│           │ Figma    │\n   │  File    │           │ Auth     │           │ Files    │\n   └──────────┘           └──────────┘           └──────────┘\n```\n\n## Install\n\nInstall the verified ClawLink plugin from ClawHub. After the user confirms, complete the full setup so ClawLink tools are visible in the next OpenClaw chat.\n\n```bash\nopenclaw plugins install clawhub:clawlink-plugin\nopenclaw config set tools.alsoAllow '[\"clawlink-plugin\"]' --strict-json\nopenclaw gateway restart\n```\n\nThen tell the user: \"OpenClaw has been restarted. Send `/new` as a standalone message to start a fresh chat, then ask for Figma again.\"\n\n## Quick Start\n\n```bash\n# Get current authenticated Figma user\nclawlink_call_tool --tool \"figma_get_current_user\" --params '{}'\n\n# Discover file key and n"},{"path":"_meta.json","content":"{\n  \"ownerId\": \"kn713pxvayh8fjhb503zjb8yxh815j54\",\n  \"slug\": \"figma-design\",\n  \"version\": \"1.0.6\",\n  \"publishedAt\": 1780988865014\n}"},{"path":"skill-card.md","content":"## Description:\n\nRead files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API.\n\nThis skill is ready for commercial/non-commercial use.\n\n## Publisher:\n\n[hith3sh](https://clawhub.ai/user/hith3sh)\n\n### License/Terms of Use:\n\nMIT-0\n\n## Use Case:\n\nDevelopers, designers, and agents use this skill to inspect Figma design files, retrieve comments and assets, extract design tokens, generate Tailwind CSS configuration, and manage Figma webhooks through a connected Figma account.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: The skill relies on a third-party OAuth plugin with broad access to Figma files and actions available to the connected account.\n\nMitigation: Install only when the publisher and ClawLink service are trusted, and revoke the Figma OAuth connection and remove the plugin when it is no longer needed.\n\nRisk: Write-capable operations can create, update, or delete Figma comments, reactions, and webhooks.\n\nMitigation: Confirm the target resource and intended effect before each write or destructive action.\n\n## Reference(s):\n\n- [Figma API Overview](https://www.figma.com/developers/api)\n- [Figma REST API Reference](https://www.figma.com/developers/api/rest)\n- [Figma Webhooks](https://www.figma.com/developers/api/webhooks)\n- [ClawLink](https://claw-link.dev/?utm_source=clawhub&utm_medium=referral&utm_content=figma-design)\n- [ClawLink Docs](https://docs.claw-link.dev/openclaw)\n- [ClawHub Skill Page](https://clawhub.ai/hith3sh/skills/figma-design)\n\n## Skill Output:\n\n**Output Type(s):** [Guidance, Shell commands, API Calls, Code, Configuration, Files]\n\n**Output Format:** [Markdown with inline shell commands, JSON tool parameters, and configuration snippets]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [May produce downloaded image files, Figma JSON, design-token data, Tailwind CSS configuration, comments, webhook configuration, or operational guidance depending on the requested Figma task.]\n\n## Skill Version(s):\n\n1.0.6 (source: ClawHub release metadata)\n\n## Ethical Considerations:\n\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment."}],"languages":[],"docsSourceLabel":"CLAWHUB","editorialOverview":"Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to i... Skill: Figma Owner: hith3sh Summary: Read files, manage comments, extract design tokens, download images, and create webhooks in Figma via the Figma REST API. Use this skill when users want to i... Tags: latest:1.0.6 Version history: v1.0.6 | 2026-06-09T07:07:45.014Z | user Add UTM attribution tags (utm_source=clawhub) to ClawLink branding links so visits from this skill page are tracked as a distinct traffic source.","editorialQuality":{"score":100,"threshold":65,"status":"ready","wordCount":1053,"uniquenessScore":51,"reasons":[]}},"media":{"evidence":{"source":"no-media","verified":false,"confidence":"low","updatedAt":"2026-10-09T02:56:50.812Z","emptyReason":"No screenshots, media assets, or demo links are available."},"primaryImageUrl":null,"mediaAssetCount":0,"assets":[],"demoUrl":null},"ownerResources":{"evidence":{"source":"unclaimed","verified":false,"confidence":"low","updatedAt":"2026-10-09T02:56:50.812Z","emptyReason":"This page has not been claimed by the agent owner."},"hasCustomPage":false,"customPageUpdatedAt":null,"customLinks":[],"structuredLinks":{"docsUrl":null,"demoUrl":null,"supportUrl":null,"pricingUrl":null,"statusUrl":null},"customPage":null},"relatedAgents":{"evidence":{"source":"protocol-neighbors","verified":false,"confidence":"medium","updatedAt":"2026-10-09T17:13:43.764Z","emptyReason":null},"items":[{"id":"b917f68a-ebff-438e-84f8-3f4b2494c0bc","entityType":"agent","canonicalPath":"/agent/activepieces-activepieces","slug":"activepieces-activepieces","name":"activepieces","description":"AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents","url":"https://github.com/activepieces/activepieces","homepage":"https://www.activepieces.com","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-15T02:22:12.426Z","createdAt":"2026-02-25T03:38:12.412Z","downloads":null},{"id":"5cb26759-3a39-483f-94cf-276a98c13bb8","entityType":"agent","canonicalPath":"/agent/cherryhq-cherry-studio","slug":"cherryhq-cherry-studio","name":"cherry-studio","description":"AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs","url":"https://github.com/CherryHQ/cherry-studio","homepage":"https://cherry-ai.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-11T14:38:40.986Z","createdAt":"2026-02-25T03:38:19.379Z","downloads":null},{"id":"8ebccd8e-3863-4187-8355-c3f14e1f9edf","entityType":"agent","canonicalPath":"/agent/iofficeai-aionui","slug":"iofficeai-aionui","name":"AionUi","description":"Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!","url":"https://github.com/iOfficeAI/AionUi","homepage":"https://www.aionui.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-10T18:48:31.762Z","createdAt":"2026-02-25T03:38:16.584Z","downloads":null},{"id":"6f6582d0-5d76-4f0f-b81d-86520247950b","entityType":"agent","canonicalPath":"/agent/copilotkit-copilotkit","slug":"copilotkit-copilotkit","name":"CopilotKit","description":"The Frontend for Agents & Generative UI. React + Angular","url":"https://github.com/CopilotKit/CopilotKit","homepage":"https://docs.copilotkit.ai","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-03-25T09:50:57.846Z","createdAt":"2026-02-25T03:39:14.617Z","downloads":null}],"links":{"hub":"/agent","source":"/agent/source/clawhub","protocols":[{"label":"OpenClaw","href":"/agent/protocol/openclew"}]}}}