← Back to Skills Marketplace
hith3sh

Figma

by Hithesh Jay · GitHub ↗ · v0.1.0 · MIT-0
cross-platform ✓ Security Clean
54
Downloads
0
Stars
1
Active Installs
1
Versions
Install in OpenClaw
/install figma-design
Description
Read files, manage comments, extract design tokens, download images, and create webhooks in Figma — powered by ClawLink.
README (SKILL.md)

Figma via ClawLink

Work with Figma from chat — read files, manage comments, extract design tokens, download images, and create webhooks.

Powered by ClawLink, an integration hub for OpenClaw that handles hosted connection flows and credentials so you don't need to configure Figma API access yourself.

Quick start

  1. Install the verified ClawLink plugin: openclaw plugins install clawhub:clawlink-plugin
  2. Start a fresh OpenClaw chat if the plugin was just installed and ClawLink tools are not visible yet
  3. If ClawLink is not configured, call clawlink_begin_pairing
  4. Tell the user to open the returned pairing URL, sign in to ClawLink if needed, and approve the device
  5. After the user confirms approval, call clawlink_get_pairing_status
  6. Tell the user to connect Figma at claw-link.dev/dashboard?add=figma
  7. When the user confirms Figma is connected, call clawlink_list_integrations and then clawlink_list_tools with the figma integration slug

Setup details

Installing the plugin

If the ClawLink plugin is not installed yet, tell the user to run:

openclaw plugins install clawhub:clawlink-plugin

If 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.

Pairing ClawLink

If ClawLink reports that the plugin is not configured, the plugin has not been paired with the user's ClawLink account yet.

  1. Call clawlink_begin_pairing.
  2. Tell the user to open the returned pairing URL in their browser.
  3. The user signs in to ClawLink if needed and approves the OpenClaw device.
  4. After the user confirms approval, call clawlink_get_pairing_status to finish local setup.

The 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.

Connecting Figma

Tell 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.

Using Figma tools

ClawLink provides tools dynamically based on what the user has connected. You do not need to know tool names or schemas in advance.

Discovery

  1. Call clawlink_list_integrations to confirm Figma is connected.
  2. Call clawlink_list_tools with integration figma.
  3. Treat the returned list as the source of truth. Do not guess or assume what tools exist.
  4. If the user describes a capability but the exact tool is unclear, call clawlink_search_tools with a short query and integration figma.
  5. If no Figma tools appear, direct the user to https://claw-link.dev/dashboard?add=figma.

Execution

  1. Call clawlink_describe_tool before using an unfamiliar tool, before any write, or when the request is ambiguous.
  2. Use the returned schema, whenToUse, askBefore, safeDefaults, examples, and followups.
  3. Prefer read, list, search, and get operations before writes.
  4. For writes or anything marked as requiring confirmation, call clawlink_preview_tool first, then confirm with the user.
  5. Execute with clawlink_call_tool.
  6. 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.

What you can do

Typical Figma tasks (actual availability depends on the user's connected account, permissions, scopes, and current ClawLink tool catalog):

  • Download images from file nodes
  • Extract design tokens from files
  • Convert design tokens to Tailwind CSS config
  • Post comments to files or branches
  • Create webhooks for file events
  • Attach development resources to nodes

Rules

  • Always use ClawLink tools for Figma. Do not ask the user for separate Figma credentials.
  • Do not claim a capability is missing without checking the live ClawLink catalog in the current turn.
  • Do not invent slash commands or ask the user to paste raw credentials.
  • Ask for confirmation before destructive, external-facing, or bulk write actions.
  • If Figma is not connected, direct the user to https://claw-link.dev/dashboard?add=figma.
  • Never echo or repeat the user's ClawLink credential.

Resources

Usage Guidance
Before installing, make sure you trust ClawLink and the verified plugin, review the Figma permissions you approve, and only confirm write actions such as comments, webhooks, or resource attachments when the target and effect are clear.
Capability Analysis
Type: OpenClaw Skill Name: figma-design Version: 0.1.0 The skill provides a legitimate integration for Figma using the ClawLink service (claw-link.dev). The instructions in SKILL.md guide the agent through a standard OAuth-like pairing process and emphasize security best practices, such as requiring user confirmation for destructive actions and ensuring credentials are not exposed in chat. No evidence of malicious intent, data exfiltration, or unauthorized execution was found.
Capability Tags
requires-oauth-tokenrequires-sensitive-credentials
Capability Assessment
ℹ Purpose & Capability
The stated capabilities match the Figma purpose, including reading files, extracting tokens, downloading images, posting comments, creating webhooks, and attaching resources. The write and webhook functions are sensitive but disclosed.
✓ Instruction Scope
The instructions tell the agent to discover live tools, describe unfamiliar tools, prefer reads before writes, preview write actions, and confirm with the user before destructive, external-facing, or bulk writes.
ℹ Install Mechanism
The skill itself is instruction-only and has no code files, but it directs the user to install and rely on the external ClawLink plugin, which is not included in this artifact set.
ℹ Credentials
OAuth-backed Figma access and sensitive credentials are expected for this integration and are disclosed as being handled by ClawLink rather than pasted into chat.
ℹ Persistence & Privilege
The ClawLink device credential is described as being stored locally in OpenClaw plugin config and used with claw-link.dev, creating persistent delegated access until the user revokes it.
How to Use
  1. Make sure OpenClaw is installed (local or Docker)
  2. Run the install command in chat: /install figma-design
  3. After installation, invoke the skill by name or use /figma-design
  4. Provide required inputs per the skill's parameter spec and get structured output
Version History
v0.1.0
- 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.
Metadata
Slug figma-design
Version 0.1.0
License MIT-0
All-time Installs 1
Active Installs 1
Total Versions 1
Frequently Asked Questions

What is Figma?

Read files, manage comments, extract design tokens, download images, and create webhooks in Figma — powered by ClawLink. It is an AI Agent Skill for Claude Code / OpenClaw, with 54 downloads so far.

How do I install Figma?

Run "/install figma-design" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.

Is Figma free?

Yes, Figma is completely free, licensed under MIT-0. You can download, install and use it at no cost.

Which platforms does Figma support?

Figma is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).

Who created Figma?

It is built and maintained by Hithesh Jay (@hith3sh); the current version is v0.1.0.

More Skills
self-improving agent
Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Clau...
⬇ 463283 · by pskoett
Skill Vetter
Security-first skill vetting for AI agents. Use before installing any skill from ClawdHub, GitHub, or other sources. Checks for red flags, permission scope, and suspicious patterns.
⬇ 259410 · by spclaudehome
Polymarket
Query Polymarket prediction markets. Check odds, find trending markets, search events, track price movements.
⬇ 232503 · by joelchance
Self-Improving + Proactive Agent
Self-reflection + Self-criticism + Self-learning + Self-organizing memory. Agent evaluates its own work, catches mistakes, and improves permanently. Use when...
⬇ 200423 · by ivangdavila
Github
Interact with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs, and advanced queries.
⬇ 191115 · by steipete
ontology
Typed knowledge graph for structured agent memory and composable skills. Use when creating/querying entities (Person, Project, Task, Event, Document), linkin...
⬇ 190156 · by oswalpalash

💬 Comments