claude-codeClaude Code

Connect Claude Code to Penpot

Run Claude Code as a hosted agent in NoClick with Penpot wired into its tools handle. It can use Penpot 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 20 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 Penpot

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

  3. Connect Penpot

    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.

Penpot

20 tools
Get Profile

Get profile.

Get Teams

Get teams.

Get Team

Get a team by its ID or by a file it contains.

Get Projects

Get projects.

Get Project

Get project.

Create Project

Create project.

Rename Project

Rename project.

Delete Project

Delete project.

Get Project Files

Get all files for the specified project.

Get File

Retrieve a file by its ID. Only authenticated users.

Create File

Create file.

Rename File

Rename file.

Delete File

Delete file.

Duplicate File

Duplicate a single file in the same team.

Get File Libraries

Get libraries used by the specified file.

Link File To Library

Link a file to a library. Returns the recursive list of libraries used by that library

Unlink File From Library

Unlink file from library.

Search Files

Search files.

Get Team Members

Get team members.

Set File Shared

Set file shared.

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 Penpot wired in as tools. Connect your account and run.