# DesignCode

> Agent 驱动的专业级平面设计工作台 / Agent-powered graphic design workbench that uses HTML/CSS/SVG as the design medium, supporting vector-quality output, editable elements, multi-layer PSD export, lossless text ren

- **URL**: https://www.freshcrate.ai/projects/DesignCode
- **Author**: Haruhiyuki
- **Category**: Testing
- **Latest version**: `v1.1.8` (2026-04-22)
- **License**: Apache-2.0
- **Source**: https://github.com/Haruhiyuki/DesignCode
- **Homepage**: http://designcode.cc/
- **Language**: JavaScript
- **GitHub**: 25 stars, 1 forks
- **Registry**: github (`Haruhiyuki/DesignCode`)
- **Tags**: `agent`, `ai`, `ai-agent`, `ai-design`, `code-generation`, `cross-platform`, `design`, `design-tool`, `javascript`

## Description

Agent 驱动的专业级平面设计工作台 / Agent-powered graphic design workbench that uses HTML/CSS/SVG as the design medium, supporting vector-quality output, editable elements, multi-layer PSD export, lossless text rendering, and other production-grade features.

## Recent releases

| Version | Date | Urgency | Changes |
| --- | --- | --- | --- |
| `v1.1.8` | 2026-04-22 | High | <!-- 在这里写下一个版本的更新日志，语言自由 --> <!-- 版本发布时会自动归档到 notes/v<version>.md 并作为 Release Notes -->  本次更新集中改善了加载与交互的流畅度。  - 切换历史设计稿时保留在历史菜单，并保持原有滚动位置，方便连续浏览历史 - 历史抽屉的侧栏状态在多标签页之间共享，切换标签不再回到“内容”菜单 - 改善了对Claude Code运行时的消息输出的显示  - 修复了造成卡顿的一些问题  - **Mac（Apple Silicon）** — 下载 `aarch64.dmg` 文件 - **Windows** — 下载 `x64-setup.exe` 文件  ---  This release focuses on smoother loading and interaction.  - Browsing past designs now stays in the history drawer and keeps its scroll position, so you can continue skimming after |
| `v1.1.6` | 2026-04-20 | High | 本次更新主要带来Windows平台的修复以及一些改进。  - 修复Windows平台下初始化可能失败、运行时加载速度慢的问题。  - 素材菜单中现在更难误触改变选中状态 - 导出过程中展示等待状态并弹出导出完成的窗口  - **Mac（Apple Silicon）** — 下载 `aarch64.dmg` 文件 - **Windows** — 下载 `x64-setup.exe` 文件  ---  This release primarily brings Windows platform fixes along with some improvements.  - Fixed issues on Windows where initialization could fail and runtime loading was slow.  - The asset menu is now harder to accidentally toggle the selection state - Export now shows a waiting state and pops up a com |
| `v1.1.5` | 2026-04-19 | High | 本次更新带来多个改进与修复，包括会话记录里 Markdown 标记渲染、Claude 生成最后阶段的长时间卡顿、以及 Windows 下频繁闪出的黑色终端窗口。  - 会话控制台现在能正确渲染 AI 输出里的 Markdown 标记 - 启动及切换运行时时 Windows 不再弹出终端窗口  - 修复使用 Claude 提交要求或编辑设计时，在最后渲染设计之前出现长达数十秒的 UI 卡顿  - **Mac（Apple Silicon）** — 下载 `aarch64.dmg` 文件 - **Windows** — 下载 `x64-setup.exe` 文件  ---  Three targeted fixes: markdown rendering in the session log, a long hang at the end of Claude generations, and the flashing Windows console windows.  - Session console now renders Markdown in AI output (**bold**, |
| `v1.1.4` | 2026-04-19 | High | 本次更新带来多个改进与修复，包括编辑文本时的样式保持、PNG 导出的稳定性、安装包体积缩减与修复进程残留。  - PNG 导出具有更好的还原度 - macOS 安装包体积大幅缩减  - 退出应用时残留 node 子进程的问题（包括关闭主窗口时 app 留在 Dock 里不退出） - 通过检视菜单 / 全屏编辑器修改文本时可能破坏原有文本样式（如带 span 高亮的标题） - Windows 自动更新的 `latest.json` 在发版流水线里缺 Windows 平台条目  - **Mac（Apple Silicon）** — 下载 `aarch64.dmg` 文件 - **Windows** — 下载 `x64-setup.exe` 文件  ---  This release focuses on export fidelity, installer size, and reliability fixes.  - PNG export now renders raster assets correctly (character artwork and other bundled im |
| `v1.1.3` | 2026-04-19 | High | 本次更新带来多个问题的修复。  - 通过会话编辑设计稿中的文本后，正确回灌最新文本到检查标签页以供编辑 - Claude Code 运行时不再会输出两份重复的消息 - 历史记录功能现在可以正常访问 - 新建设计稿后，素材菜单的信息可以正常被继承  - **Mac（Apple Silicon）** — 下载 `aarch64.dmg` 文件 - **Windows** — 下载 `x64-setup.exe` 文件  ---  A round of bug fixes.  - Inspector now shows the latest text after the agent edits the design via the chat panel - Claude Code runtime no longer prints the final message twice - History drawer works again — clicking an older version actually restores it - Newly created designs correct |
| `v1.1.2` | 2026-04-18 | High | 本次更新带来多标签页工作流、生成可中止、以及更稳定的跨地域更新分发。  - **多标签页设计** — 支持同时打开多份设计稿，各自独立会话与运行时，互不阻塞 - **可中止的生成** — agent 工作时可一键停止，停止后继续发消息会延续原对话上下文 - **更新源 fallback** — GitHub 之外新增 Cloudflare R2 作为备用下载源，国内网络更稳  - **Mac（Apple Silicon）** — 下载 `aarch64.dmg` 文件 - **Windows** — 下载 `x64-setup.exe` 文件  ---  This release brings a multi-tab workflow, cancellable generations, and a more resilient cross-region update channel.  - **Multi-tab designs** — keep multiple designs open at once, each with its own conversation and runt |
| `v1.0.3` | 2026-03-28 | Medium | ## v1.0.3 更新日志  本次更新聚焦 OpenCode 会话体验、消息块展示和运行时配置记忆。  ### 新功能 - 支持在会话区域展示 OpenCode 的流式消息块，包含 reasoning、工具调用、文件读写与补丁记录 - OpenCode 现在会记住上次使用的 Provider、模型、small_model 和 Base URL - 本地安全缓存上次使用的 OpenCode API Key，后续保存配置时可继续沿用  ### 如何使用？ - **Mac** — 下载 `.dmg` 文件。本项目目前在 Mac 平台仅支持使用 Apple Silicon 的机器。 - **Windows** — 下载后缀为 `x64-setup` 的 `.exe` 文件。  ---  ## v1.0.3 Changelog  This release focuses on the OpenCode session experience, structured message rendering, and runtime preference persist |
| `v1.0.2` | 2026-03-27 | Medium | ## v1.0.2 更新日志  本次更新聚焦导出质量、编辑稳定性与桌面构建可靠性。  ### 新功能 - 左侧抽屉收起后，画布预览区域会自动扩展，提供更大的设计可视范围  ### 修复与优化 - 提升 PNG / PDF 导出的阴影渲染精度 - 改进 PSD 导出的阴影表现，并增强内联 SVG 的兼容性 - 修复输入法上屏时按下回车会误触发提交的问题 - 修复同步设计记录后残留旧流式内容块的问题 - 修复全屏文本编辑器清空文本后，可编辑元素异常不可见的问题 - 优化设计版本历史，过滤仅包含元数据的提交记录 - 修复桌面端运行时裁剪导致的打包后异常，并完善 Windows 更新包构建流程  ### 如何使用？ - **Mac** — 下载后缀为 `arm64` 的 `.dmg` 文件。本项目目前在 Mac 平台仅支持使用 Apple Silicon 的机器。 - **Windows** — 下载后缀为 `x64-setup` 的 `.exe` 文件。  ---  ## v1.0.2 Changelog  This release focus |
| `v1.0.1` | 2026-03-24 | Medium | ## 更新日志  ### 新功能 - PSD 导出现在支持画质设置（1x / 2x / 3x），与 PNG、PDF 导出行为一致  ### 修复 - 修复了启动后 Gemini CLI 在后台自动唤起 Google 登录页面的问题 - 修复了部分设计稿上鼠标滚轮无法缩放画布的问题  ### 如何使用？ - **Mac** — 下载后缀为 `arm64` 的 `.dmg` 文件。本项目目前在 Mac 平台仅支持使用 Apple Silicon 的机器。 - **Windows** — 下载后缀为 `x64-setup` 的 `.exe` 文件。  ---  ## Changelog  ### New Features - PSD export now respects quality settings (1x / 2x / 3x), consistent with PNG and PDF export  ### Fixes - Fixed Gemini CLI automatically opening Google login pages in |
| `v1.0.0` | 2026-03-23 | Medium | # 隆重推出 DesignCode  DesignCode 是一个基于 Agent 的平面设计工作台，可将简单指令转换成高质量的平面设计稿，并支持矢量级无损输出、多图层PSD导出、美术资产管理、风格预设等生产级特性，在多轮次指令遵循、可编辑性、文本渲染能力等方面具有传统 AI 生图模型无法替代的优势。  DesignCode 广泛支持各类型的平面设计需求，包括但不限于海报、明信片、商品详情页、媒体宣传图、静态网页设计、书籍封面、排版等含有文本内容的场景。  ## 功能特性  1. 在对话框中向 Agent 直接描述你的需求，获得完整的设计稿，并在连续的对话中进行调整。 2. 在画布中实时预览设计，并可对文本进行直接编辑。 3. 获取矢量级输出，可导出高清 PNG、SVG、PDF 文件。 4. 可导出多图层PSD文件，每个图层都具有正常的透明通道。 5. 可在菜单中预先配置尺寸要求、风格预设、内容字段。 6. 建立用户级素材库，并在每个设计稿中选择使用哪些素材。 7. 支持使用 Codex、Claude Code、OpenCode、Gemini CLI。 8 |

## Dependency audit

- **Score**: 96/100
- **Total deps**: 12
- **Resolved**: 12
- **Unresolved**: 0
- **License conflicts**: 0
- **Warnings**: 2
- **Scanned**: 2026-04-27

## Citation

- HTML: https://www.freshcrate.ai/projects/DesignCode
- Markdown: https://www.freshcrate.ai/projects/DesignCode.md
- Dependencies JSON: https://www.freshcrate.ai/api/projects/DesignCode/deps

_Generated by freshcrate.ai. Indexes github releases for AI-agent ecosystem packages._