claude-codeClaude Code

Connect Claude Code to Figma

Run Claude Code as a hosted agent in NoClick with Figma wired into its tools handle. It can use Figma directly while it works. No glue code, nothing to install. Click below to open a ready-to-run agent and connect your account.
Loading preview…
Opens a workflow with 25 tools ready to use.

Set up in minutes

The open button drops you into a guided setup. It asks exactly this, nothing else:
  1. Choose where it runs

    On your computer through your own Claude Code, or hosted in the cloud. The rest of setup adapts to your choice:

  2. Pick what it can do in Figma

    A preset of real Figma operations. Each one becomes a tool the agent can call, and it can't touch anything outside the list.

  3. Connect Figma

    One sign-in. The agent acts through your account, scoped to the operations you picked.

  4. Add your personal MCP link

    The last step mints a private MCP URL for this agent and walks you through exactly this, with your real link filled in. The page flips to Connected the moment your Claude Code first calls in. Claude Code connects when a session starts — run claude, or restart a running one.

    Run this in your terminal

    $claude mcp add --transport http noclick https://mcp.noclick.app/s/<your-link>

    <your-link> is your personal server URL — setup mints it for you.

Tools Claude Code gets

Pick the operations you want and each becomes a tool the agent can call directly while it works.

Figma

25 tools
Get Current User

Identify the connected Figma user.

Get File

Read a file document and its layers, optionally at a version or depth.

Get File Metadata

Read a file name, URL, thumbnail and recent editor without its layers.

Get File Nodes

Read selected nodes and their child layers from a file.

Render Node Images

Get temporary rendered image URLs for selected nodes.

Get Image Fills

Get temporary download URLs for images used as layer fills.

List File Versions

List a file’s version history.

List Comments

Read comments in a design file.

Create Comment

Post a comment or reply on a design file.

Delete Comment

Delete a comment you authored.

List Comment Reactions

List emoji reactions on a comment.

Add Comment Reaction

Add an emoji reaction to a comment.

Delete Comment Reaction

Remove your emoji reaction from a comment.

List File Components

List published components in a file library.

List File Component Sets

List published component sets in a file library.

List File Styles

List published styles in a file library.

List Dev Resources

Read links attached to nodes in Dev Mode.

Create Dev Resource

Attach a URL to a file node as a Dev Mode resource.

Update Dev Resource

Rename or change the URL of a Dev Mode resource.

Delete Dev Resource

Remove a Dev Mode resource from a file.

List Webhooks

List webhooks attached to a file, project or team.

Get Webhook

Read a webhook subscription and its status.

Create Webhook

Subscribe a URL to an event for a file, project or team.

Update Webhook

Change a webhook endpoint, event, passcode or status.

Delete Webhook

Remove a webhook subscription.

About Claude Code

Claude Code is Anthropic's command-line coding agent. In NoClick you run it as a hosted agent and connect your real apps to its tools handle, so it does far more than write code. Wire in an integration and Claude Code can read and act on Slack, Linear, your database, and more on its own, calling each one as a tool while it works. It is the same capable agent, pointed at your actual workflows instead of a sandbox.
Careful multi-step planning before it acts
Reliable on long, structured tasks
Reads context thoroughly before making changes
Comfortable across code, data, and APIs

Frequently asked questions

More ways to connect

Open your Claude Code agent in one click.

NoClick runs Claude Code for you with Figma wired in as tools. Connect your account and run.