← 返回 Skills 市场
hith3sh

Figma

作者 Hithesh Jay · GitHub ↗ · v0.1.0 · MIT-0
cross-platform ✓ 安全检测通过
54
总下载
0
收藏
1
当前安装
1
版本数
在 OpenClaw 中安装
/install figma-design
功能描述
Read files, manage comments, extract design tokens, download images, and create webhooks in Figma — powered by ClawLink.
使用说明 (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

安全使用建议
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.
功能分析
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.
能力标签
requires-oauth-tokenrequires-sensitive-credentials
能力评估
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.
如何使用
  1. 确保已安装 OpenClaw(本地或 Docker 部署)
  2. 在对话框中输入安装命令:/install figma-design
  3. 安装完成后,直接呼叫该 Skill 的名称或使用 /figma-design 触发
  4. 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
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.
元数据
Slug figma-design
版本 0.1.0
许可证 MIT-0
累计安装 1
当前安装数 1
历史版本数 1
常见问题

Figma 是什么?

Read files, manage comments, extract design tokens, download images, and create webhooks in Figma — powered by ClawLink. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 54 次。

如何安装 Figma?

在 OpenClaw 或 Claude Code 对话框中运行命令「/install figma-design」即可一键安装,无需额外配置。

Figma 是免费的吗?

是的,Figma 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。

Figma 支持哪些平台?

Figma 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。

谁开发了 Figma?

由 Hithesh Jay(@hith3sh)开发并维护,当前版本 v0.1.0。

💬 留言讨论