ZSeven-W/openpencil

The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.

解决的问题

OpenPencil 是一款开源的 AI 原生矢量设计工具,允许用户通过自然语言提示创建用户界面 (UI)。它通过 AI 代理自动化矢量图形的布局与样式,缩短了概念设计与生产就绪代码之间的差距。

运作方式

该工具使用多模型智能系统,根据模型能力(例如 Claude、GPT-4o、Gemini)调整提示。它采用协调器将复杂的页面设计拆解为较小的空间子任务,并由并行的 AI 代理团队同时处理。这些代理会在无限画布上实时生成设计。此外,它内置了 MCP (Model Context Protocol) 服务器,允许外部 AI 代理(如 Claude Code 或 GitHub Copilot)直接从终端读取并修改设计文件。

目标客群

专为 UI/UX 设计师、开发人员与产品经理设计,适合希望利用 AI 加速“设计到代码”工作流程的用户,以及偏好“设计即代码”(design-as-code) 方法(将设计存储为人类可读的 JSON 文件)的用户。

特色亮点

  • Prompt-to-UI:通过文字描述生成完整页面设计,并支持实时流式动画。
  • 并行代理团队:由多个代理同时生成页面的不同区块(例如 hero、footer)。
  • 设计即代码 (Design-as-Code):使用对 Git 友好且可进行 diff 的 .op JSON 文件。
  • 多平台导出:可导出至 React + Tailwind、Vue、Svelte、Flutter、SwiftUI、Jetpack Compose 等。
  • MCP 服务器:通过兼容 MCP 的代理实现基于终端的设计自动化。
  • 跨平台:采用 Rust 核心构建,提供原生桌面应用程序(macOS、Windows、Linux)及网页应用程序。

相关

  • 项目
  • 项目
  • 项目
  • 项目
  • 项目