skills.rest
ClawLink-HQ
ClawLink-HQOFFICIAL
Explore all skills by this author →
Website𝕏@clawlinkdevGitHub

figma-design

Manage Figma files, comments, design tokens, and webhooks via the Figma API.

117|10|Updated Mar 29, 2026
Search Tags:#automation#design#api#figma#webhooks
One-click install
npx skills add https://github.com/ClawLink-HQ/clawlink --skill figma-design-clawlink-hq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-design
Source: https://github.com/ClawLink-HQ/clawlink/tree/main/clawhub-skills/figma-design
Command: npx skills add https://github.com/ClawLink-HQ/clawlink --skill figma-design-clawlink-hq

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires clawlink-plugin, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of interacting with Figma designs, allowing users to read files, manage comments, extract design tokens, download images, and create webhooks without manual setup.

Core Features & Use Cases

  • File Management: Read and manage Figma files with ease.
  • Comment and Reaction Management: Post, reply to, and manage comments and reactions on Figma files.
  • Design Token Extraction: Extract design tokens for Tailwind CSS and other frameworks.
  • Image Download: Download images from Figma files.
  • Webhook Creation: Set up webhooks for file event notifications.
  • Use Case: A designer can use this Skill to automatically extract design tokens from a Figma file and convert them to Tailwind CSS, simplifying the integration with other design systems.

Quick Start

Use the figma-design skill to extract design tokens from the attached Figma file 'design-system.json'.

Frequently Asked Questions about figma-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I extract design tokens from a Figma file for Tailwind CSS?▼

You can extract design tokens from a Figma file for Tailwind CSS by using the Figma API to read the file and pull the specified token values. This automates the conversion of design properties into framework-ready variables for your design system.

Can I automate Figma file event notifications using webhooks?▼

Yes, you can automate Figma file event notifications by creating webhooks through the Figma API. This allows your system to receive automated alerts whenever specific file events or updates occur within your connected Figma environment.

Do I need OAuth authentication to manage Figma comments via the API?▼

Yes, OAuth authentication is required to manage Figma comments and reactions via the API. You must also use ClawLink for hosted connection flows to securely authorize and manage your access to the Figma files.

What is the best way to automatically download images from Figma files?▼

The best way to automatically download images from Figma files is by using API calls to fetch the visual assets directly. This allows you to retrieve and export images from specific Figma frames without manual downloading.

Does the Figma API support posting replies to existing comments?▼

Yes, the Figma API supports posting replies to existing comments, along with managing reactions. You can programmatically interact with comment threads to streamline design feedback and team collaboration directly within the file.

Related Skills

Explore More Design & Creative Skills→
ClawLink-HQClawLink-HQ
117

google-drive-files

Automate Google Drive file management via the Google Drive API.

Official
Intermediate
justinsenseijustinsensei
1

webhook-subscriptions

Create webhook subscriptions that trigger Hermes agent tasks from external service events.

Community
Intermediate
bacchus-labsbacchus-labs
4

design-system-governance

Detect design token drift between Figma and code implementations.

Official
Advanced
thoreinsteinthoreinstein
3

figma-design

Automate Figma design file operations using the Figma Plugin API.

Community
Advanced