Open CoDesign - 开源的桌面端 AI 设计工具,Claude Design平替

최신 AI 리소스1 일 전에 게시 됨 AI 공유 서클
2.1K 00
堆友AI

Open CoDesign是什么

Open CoDesign是 MIT 协议开源的桌面端 AI 设计工具,定位为 Claude Design、v0 by Vercel、Bolt.new、Lovable 和 Figma AI 的开源替代品。基于 Electron 构建,运行在用户本地电脑,通过 BYOK(Bring Your Own Key)模式连接 20 余种大模型,将自然语言提示转化为可交互的 HTML 原型、React/JSX 组件、PPTX 幻灯片、PDF 文档、ZIP 资源包及 Markdown 文件,所有设计与历史版本均保存在本地 SQLite 中,无需订阅,仅需承担所用模型的 토큰 비용.

Open CoDesign - 开源的桌面端 AI 设计工具,Claude Design平替

Open CoDesign的功能特色

  • 멀티 모델 프리 스위칭: 지원 인류학 Claude、OpenAI GPT、Google Gemini、DeepSeek、Kimi、GLM、OpenRouter、SiliconFlow 及本地 Ollama 等任意 OpenAI 兼容端点,可一键导入 클로드 코드 或 Codex 的现有配置
  • 本地优先架构:应用与数据完全运行在本地,设计稿、提示词、版本历史均存储于设备 SQLite,无强制云同步,默认无遥测,断网时配合 Ollama 可离线使用
  • 12 项内置设计技能:涵盖仪表盘、落地页、幻灯片、定价页、聊天界面、数据表格、日历、玻璃拟态、编辑排版、SVG 图表等模块,并支持通过 SKILL.md 어쩌면 DESIGN.md 注入自定义设计系统
  • 여러 내보내기 형식:生成内联 CSS 的 HTML 单文件、React 18 + Babel 组件、PowerPoint/Keynote 可编辑的 PPTX、本地 Chrome 渲染的 PDF、ZIP 资源包及带 Frontmatter 的 Markdown
  • 交互式精调:在预览界面点击任意元素可添加注释(Pin),AI 仅重写该区域;AI 调节滑块可直接拖拽修改颜色、间距、字体,无需重新提示
  • 实时代理面板:显示待办事项、工具调用和流式推理过程,支持中断生成,透明可控
  • 响应式预览:内置手机、平板、桌面三种视口,并排查看自适应效果
  • 版本快照:每次迭代自动保存为本地快照,可随时对比与回滚

Open CoDesign的核心优势

  • 零供应商锁定:MIT 开源协议,可自由分叉、修改、商用;不绑定单一模型或云平台
  • 成本可控:应用本身免费,仅需向所选模型提供商支付 BYOK Token 费用,无平台抽成、无席位订阅
  • 데이터 프라이버시:提示词与设计稿不出本地(仅调用模型时发送至用户指定的提供商端点),无后端代理、无服务器端存储
  • 시작하기:支持 winget、Homebrew、Scoop 包管理器一键安装,90 秒完成从配置到首次生成
  • 跨平台覆盖:支持 macOS(Apple Silicon / Intel)、Windows(x64 / ARM64)、Linux(AppImage / deb / rpm),重功能(如 PDF/PPTX)按需懒加载,保持安装包精简

Open CoDesign官网是什么

  • 프로젝트 웹사이트:https://opencoworkai.github.io/open-codesign/
  • GitHub 리포지토리:https://github.com/OpenCoworkAI/open-codesign

使用Open CoDesign的操作步骤

  • 애플리케이션 설치통해 winget install OpenCoworkAI.OpenCoDesignbrew install --cask opencoworkai/tap/open-codesign、Scoop 或直接下载 GitHub Releases 安装
  • 配置模型密钥:在设置中选择提供商并填入 API Key,或一键导入 Claude Code / Codex 的现有配置文件(~/.claude/settings.json~/.codex/config.toml)
  • 프롬프트를 입력합니다.:选择 15 个内置演示模板(落地页、仪表盘、 pitch deck 等)之一,或直接用自然语言描述需求
  • 预览与迭代:在沙盒 iframe 中查看实时渲染结果,使用注释 Pin 或 AI 滑块局部调整
  • 导出交付:按需导出为 HTML、React/JSX、PDF、PPTX、ZIP 或 Markdown,所有文件均在本地生成

Open CoDesign的适用人群

  • 프런트엔드 개발자:需要快速将提示词转化为可运行的 HTML/React 原型,直接复制组件到现有工程
  • UI/UX 디자이너:希望获得代码级交付物,减少设计→开发的手动还原环节
  • 产品经理与运营:需要独立生成营销落地页、演示幻灯片、PDF 单页等资产,无需依赖设计团队
  • 注重隐私的团队:对云端设计工具的数据合规性有顾虑,需要本地闭环工作流
  • 多模型用户:希望按任务切换模型(如用 DeepSeek/Kimi 快速迭代,Claude Opus 精修终稿)以优化成本

Open CoDesign的常见问题

Q:Open CoDesign 是否完全免费?
A:应用本体基于 MIT 协议免费下载、使用与分发。用户只需承担向所选模型提供商支付的 API Token 费用,平台不收取任何订阅或附加费。


Q:它与 Claude Design 是什么关系?
A:Open CoDesign 是独立开发的干净 room 开源项目,并非 Claude Design 的分支,与 Anthropic 无隶属关系,定位为 Claude Design 的开源替代方案。


Q:能否使用本地模型?
A:可以。只要端点兼容 OpenAI API 格式(包括 Ollama),即可接入,且本地模型模式下可完全离线运行。


Q:数据是否会发送到 OpenCoworkAI 的服务器?
A:不会。提示词与设计稿仅发送至用户自己配置的模型提供商端点,不存在平台代理层或后端遥测。


Q:支持导入 Figma 文件吗?
A:目前不支持 Figma 文件导入。v0.4 版本计划支持从代码库提取设计系统 Token,Figma 文件摄取不在 v1 路线图中。


Q:导出的 React 组件是否绑定特定框架?
A:不绑定。输出为标准 React/JSX + 内联样式,可嵌入任何技术栈,不强制使用 Next.js 或 Vercel。
© 저작권 정책

관련 문서

댓글 없음

댓글에 참여하려면 로그인해야 합니다!
지금 로그인
없음
댓글 없음...