Figma不香了？这款开源设计工具正在悄悄流行

Figma 不香了？这款开源设计工具正在悄悄流行

说到在线设计工具，大家第一反应都是 Figma。但最近我发现一款真正开源免费、浏览器直接跑、还能私有化部署的设计神器——Penpot，越来越多人开始把它当主力工具用了。

特别是 GitHub 官方出的这个 penpot-uiux-design Skill，把 Penpot 的能力直接封装成一套 MCP 工具，设计师和开发者现在可以用自然语言驱动设计流程了——很有点 AI 原生设计的味道。

这个 Skill 到底能干啥？

简单说，它给你配备了 4 个核心工具：

• mcp__penpot__execute_code：在 Penpot 里跑 JavaScript，直接用代码操控设计元素
• mcp__penpot__export_shape：把设计导出为 PNG 或 SVG，方便视觉走查
• mcp__penpot__import_image：把图标、照片、Logo 导入设计稿
• mcp__penpot__penpot_api_info：查 Penpot API 文档

你可以用它来做 UI 界面、设计系统组件和设计令牌、仪表盘、表单、导航、落地页，以及 iOS/Android/Material Design 等平台规范。特别贴心的是它自带无障碍设计指南——对比度、触摸目标尺寸这些都有据可查。

上手有多简单？

如果你用过 Claude 或 Cursor，配置 Penpot MCP 的方式跟配其他工具一模一样——VS Code 里加几行配置就行：

"mcp": {
  "servers": {
    "penpot": {
      "url": "http://localhost:4401/sse"
    }
  }
}

然后去 Penpot 里装插件、连上 MCP 服务器，就可以开干了。已经有 2 万多人在 Smithery 上点了这颗星，最近热度还在涨。

为什么值得试试？

几个理由：完全免费开源、数据自己掌控、浏览器跑不用装东西。最关键的是——GitHub 官方维护的设计规范，这套 Skill 里的组件模式、无障碍指南、平台规范，都是可以直接落地的，不是那种泛泛的设计理论。

如果你是 AI 工具爱好者，想探索设计 + AI 的结合点，这绝对是个好入口。

GitHub 链接：https://github.com/github/awesome-copilot/tree/main/skills/penpot-uiux-design

GitHub: https://github.com/github/awesome-copilot/tree/main/skills/penpot-uiux-design