ClawLink

How to connect Figma to Hermes

Connect Figma to Hermes in one click. 6 Figma tools your agent can call from chat. No API keys.

Hermes AgentClawLinkFigma

ClawLink gives Hermes Agent a more practical Figma setup than rolling your own integration. Instead of building auth, token refresh, and tool wiring yourself, you connect once and start using real Figma actions from chat.

Figma MCP for Hermes

Looking for a Figma MCP server for Hermes Agent? ClawLink connects Figma to Hermes Agent and exposes 6 Figma tools your agent can call over MCP, with hosted auth and nothing to run or maintain yourself.

Install ClawLink for Hermes

Copy this prompt into Hermes to install the plugin and pair your account.

Setup

  1. 1

    Install ClawLink

    Add the plugin to Hermes Agent once.

  2. 2

    Connect Figma

    One-click OAuth in the dashboard.

  3. 3

    Use it from chat

    Ask Hermes Agent in plain English.

What Hermes Agent can do with Figma

  • Design — 6 tools ready for Hermes Agent.
  • Common actions — figma_download_figma_images (Download figma images), figma_extract_design_tokens (Extract design tokens), figma_add_a_comment_to_a_file (Add a comment to a file), figma_create_a_webhook (Create a webhook), figma_create_dev_resources (Create dev resources), figma_design_tokens_to_tailwind (Design tokens to tailwind).

Just ask in plain English

Hermes Agent · with clawlink
Use Figma to download figma images and walk me through the result in plain English.

On it. Using Figma.

figma_download_figma_images
via Figma
Done.

Example prompts

Use Figma to download figma images and walk me through the result in plain English.

Use Figma to extract design tokens and walk me through the result in plain English.

Use Figma to add a comment to a file and walk me through the result in plain English.

Create it in Figma for me, then confirm the important fields before you finish.

The alternative to ClawLink is usually manual OAuth app setup plus your own token handling, permission troubleshooting, and tool plumbing for Hermes Agent. That is fine if you want to build and maintain the integration yourself. Most teams just want Figma working from chat.

ManualClawLink
Connection flowRegister a Figma app, configure redirect URLs, manage consent details, and reconnect users when auth settings drift.Users connect Figma through the hosted browser flow and ClawLink keeps the token lifecycle out of your app code.
Ongoing maintenanceYou own refresh logic, permission debugging, environment config, and every provider-specific edge case for Figma.ClawLink handles the repetitive integration plumbing so your team can focus on the workflow instead of the infrastructure.
Agent usabilityYou still need to expose the right Figma actions to the runtime in a format your agent can reliably use.6 tools for Figma are already exposed through ClawLink, so the agent can read and act from chat immediately.

Troubleshooting

FAQ

Hermes Canva integration

Create designs, upload assets, export content, and manage brand templates

Cloudinary tools

Cloudinary is a cloud-based media management platform for uploading, storing, transforming, and delivering images and videos via CDN.

Penpot

Open-source design and prototyping platform for collaborative design workflows.

On this page

Figma MCP for HermesSetupWhat Hermes Agent can do with FigmaJust ask in plain EnglishExample promptsClawLink vs. building it yourselfTroubleshootingFAQRelated
How to connect Figma to Hermes