← 工具

Open CodeSign

开源 Claude Design 替代方案,支持一键导入 Claude Code / Codex API Key,Prompt 直接生成原型、PPT 和交互页面,支持 OpenAI、DeepSeek、Gemini、Ollama 等多模型 BYOK,本地优先设计工具,Stars 5.9K+

#85
推荐排名
5,942
GitHub Stars
4,159
推荐得分
AI 设计原型 / 设计转代码
适用场景
开发工具AI应用低代码前端开发跨平台

为什么需要

做海外 SaaS 产品,原型设计是绕不过的环节。用 Figma 画完再转代码,来回折腾少说半天。如果你已经有 Claude Code 或 Codex 的 API Key,Open CodeSign 能直接把 Prompt 变成可交互的原型页面——省掉设计工具这个中间环节。

核心卖点是 BYOK(自带 Key):支持 Claude、GPT、Gemini、DeepSeek、Ollama 等十几种模型,不绑定任何一家。本地运行,MIT 开源,数据不经云端。

怎么用

  1. 下载桌面应用(macOS / Windows / Linux)
  2. 一键导入已有的 Claude Code 或 Codex 配置,或直接粘贴 API Key
  3. 输入 Prompt,比如"做一个 Stripe 风格的定价页"
  4. 左侧 Prompt,右侧实时渲染原型
  5. 导出为 HTML/React 组件,直接接入项目

使用案例

  • 出海独立产品原型:输入"Build a SaaS landing page with pricing tiers in English",30 秒生成可交互页面,直接拿去测试市场反应
  • PPT / 宣传素材:不用开设计软件,Prompt 描述内容即可生成 slides 和 marketing assets

注意事项

  • 免费开源(MIT),但需要自备 AI 模型的 API Key
  • Electron 应用,体积偏大(约 200MB)
  • 生成质量取决于底层模型能力,Claude / GPT 效果最好
  • 本地优先设计,但复杂交互逻辑仍需手动调整