opencode

Connect OpenCode to Figma

Run OpenCode 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 OpenCode, 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 OpenCode first calls in. opencode mcp add only saves the config. OpenCode connects when it starts — run opencode, or restart a running one.

    1. Run this in your terminal

    $opencode mcp add

    2. Choose Remote and paste your server URL

    https://mcp.noclick.app/s/<your-link>

    3. Choose No when asked about OAuth authentication — the link itself is the key

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

Tools OpenCode 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 OpenCode

OpenCode is an open, model-agnostic command-line coding agent. In NoClick it runs hosted and gains your apps as tools, so it can act on real systems rather than just edit files. Wire an integration into the agent and OpenCode can use that app’s operations directly while it works. It is a flexible choice when you want an open agent with broad model support and real tool access.
Open and model-agnostic
Flexible across many underlying models
Good general-purpose tool use
Lightweight to point at a focused task

Frequently asked questions

More ways to connect

Open your OpenCode agent in one click.

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