产品简介
Easel 是一款 macOS 原生应用，集成 Codex 和 Claude AI，帮助产品设计师和前端开发者通过自然语言描述和实时预览检查器快速构建、迭代原型和幻灯片，无需频繁手动编码，提升设计效率。
核心功能
- 支持 Codex 或 Claude AI 构建实时原型
- 点击检查器直接细化设计元素
- 可重用设计系统保持品牌一致
- 一键移交项目到本地编码代理
- 内置幻灯片和动画创建工具
快速开始
- 从 GitHub Releases 下载 Easel.dmg 并安装到应用程序文件夹。
- 启动 Easel，在设置中选择 Codex 或 Claude 作为 AI 提供商。
- 创建设计系统，可导入 getdesign.md 的 DESIGN.md 文件。
- 新建项目，选择类型（原型、幻灯片等）和设计系统。
- 通过聊天框描述需求，AI 生成代码并实时预览，使用 Cmd+Shift+I 点击细化。
界面预览
与其他方案对比
| 对比项 | Easel | 同类方案 |
|---|---|---|
| 交互方式 | AI对话结合点击检查器，直接细化设计 | 传统工具依赖手动拖放和编码 |
| 运行环境 | 本地运行，数据存储在用户文档中 | 多数云端工具需要上传数据 |
| AI集成 | 内置支持 Codex 和 Claude，无需额外配置 | 需集成外部 API 或插件 |
适合谁用
- 需要快速原型验证的产品设计师
- 使用 AI 工具加速开发的前端开发者
- 制作演示幻灯片和动画的创业者
- 集成 AI 设计系统的团队负责人
下载与版本
当前最新版本为 v1.2.4，发布于 2026-07-12。支持 macOS。点击页面「下载软件」按钮即可下载打包好的版本，根据你的电脑/手机系统来选择对应的软件。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/jamesrochabrun/Easel