From 647a999b48c23c6c62c894f0a2aea3a211a15271 Mon Sep 17 00:00:00 2001 From: Juan de la Cruz Date: Fri, 12 Dec 2025 12:57:29 +0100 Subject: [PATCH 1/3] Add Penpot brand visuals and wording changes to README Updated README to clarify project purpose and usage. --- README.md | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index bf5574e..b8ac97e 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,11 @@ +![mcp-server-cover-github-1](https://github.com/user-attachments/assets/dcd14e63-fecd-424f-9a50-c1b1eafe2a4f) + # Penpot's Official MCP Server -This project enables LLMs to interact directly with Penpot design projects -using the model context protocol (MCP), building on Penpot's plugin API -to facilitate design data retrieval, modification, and creation. +Penpot integrates a LLM layer built on the Model Context Protocol (MCP) via Penpot's Plugin API to interact with a Penpot design file. Penpot's MCP server enables LLMs to perfom data queries, transformation and creation operations. -## Demonstration - -[![Video](https://v32155.1blu.de/penpot/PenpotFest2025_thumbnail.png)](https://v32155.1blu.de/penpot/PenpotFest2025.mp4) +[![Penpot MCP video playlist](https://github.com/user-attachments/assets/204f1d99-ce51-41dd-a5dd-1ef739f8f089)](https://www.youtube.com/playlist?list=PLgcCPfOv5v55g_tSsHNKiAF9lqF1GrHsf) ## Architecture @@ -43,6 +41,11 @@ The core components are written in TypeScript, rendering interactions with the Penpot Plugin API both natural and type-safe. +## Demonstration + +[![Video](https://v32155.1blu.de/penpot/PenpotFest2025_thumbnail.png)](https://v32155.1blu.de/penpot/PenpotFest2025.mp4) + + ## Usage To use the Penpot MCP server, you must @@ -52,6 +55,7 @@ To use the Penpot MCP server, you must Follow the steps below to enable the integration. + ### Prerequisites The project requires [Node.js](https://nodejs.org/) (tested with v22). From 1d1827ff94e20b267674c70822d660ebf7759e7f Mon Sep 17 00:00:00 2001 From: Juan de la Cruz Date: Fri, 12 Dec 2025 13:25:11 +0100 Subject: [PATCH 2/3] Add new wording to readme description Added a new section highlighting unique features of Penpot's MCP Server. --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index b8ac97e..20c0da0 100644 --- a/README.md +++ b/README.md @@ -4,6 +4,8 @@ Penpot integrates a LLM layer built on the Model Context Protocol (MCP) via Penpot's Plugin API to interact with a Penpot design file. Penpot's MCP server enables LLMs to perfom data queries, transformation and creation operations. +Penpot's MCP Server is unlike any other you've seen. You get design-to- design, code-to-design and design-code supercharged workflows. + [![Penpot MCP video playlist](https://github.com/user-attachments/assets/204f1d99-ce51-41dd-a5dd-1ef739f8f089)](https://www.youtube.com/playlist?list=PLgcCPfOv5v55g_tSsHNKiAF9lqF1GrHsf) From 0657394240e0069fd35c2e6bdc0c69305e9e937b Mon Sep 17 00:00:00 2001 From: Juan de la Cruz Date: Mon, 15 Dec 2025 07:37:17 +0100 Subject: [PATCH 3/3] Update video playlist link in README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 20c0da0..3002854 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ Penpot integrates a LLM layer built on the Model Context Protocol (MCP) via Penp Penpot's MCP Server is unlike any other you've seen. You get design-to- design, code-to-design and design-code supercharged workflows. -[![Penpot MCP video playlist](https://github.com/user-attachments/assets/204f1d99-ce51-41dd-a5dd-1ef739f8f089)](https://www.youtube.com/playlist?list=PLgcCPfOv5v55g_tSsHNKiAF9lqF1GrHsf) +[![Penpot MCP video playlist](https://github.com/user-attachments/assets/204f1d99-ce51-41dd-a5dd-1ef739f8f089)](https://www.youtube.com/playlist?list=PLgcCPfOv5v57SKMuw1NmS0-lkAXevpn10) ## Architecture