P

Penpot

Integrates with Penpot's API to enable project browsing, file retrieval, object searching, and visua...

1,151 views
23 installs
Updated Nov 21, 2025
Not audited
Integrates with Penpot's API to enable project browsing, file retrieval, object searching, and visual component export with automatic screenshot generation for converting UI designs into functional code.
  1. Create a Penpot Account

  2. Obtain Your Penpot Credentials

    • Note your Penpot username (usually your email or chosen username) and password. These will be used as the environment values.
  3. Locate the Penpot API URL

    • The default API URL is https://design.penpot.app/api.
  4. Open the FastMCP Connection Interface

    • Click the "Install Now" button for the Penpot MCP integration to add a new MCP server connection.
  5. Fill in the Required ENV Values in the FastMCP Interface

    • Enter the following environment variables:
      • PENPOT_API_URL: https://design.penpot.app/api
      • PENPOT_USERNAME: your Penpot username
      • PENPOT_PASSWORD: your Penpot password
  6. Complete Any CloudFlare Verification if Needed

    • If you encounter authentication or connection issues:
      • Open https://design.penpot.app in your browser and log in.
      • Complete any CloudFlare verification (e.g., CAPTCHA or "I am human" check).
      • Retry the connection/setup steps above.
  7. Save and Finish Setup

    • Confirm the configuration in the FastMCP interface and proceed.

You are now ready to use the Penpot MCP integration!

Quick Start

View on GitHub

More for AI and Machine Learning

View All →

More for Automation

View All →

Report Issue

Thank you! Your issue report has been submitted successfully.