Onlook 的替代品
5 个可以替代 Onlook 的软件。费用、登录、平台与可访问性都是本站实测或从官网核对的。
对比
| 条目 | 费用 | 登录 | 平台 | 国内可直接访问 | 一句 |
|---|---|---|---|---|---|
| DDeco | — | — | 网页 | 待检测 | 替代设计稿转代码这一块：Figma 稿生成语义化 React 代码，但没有无限画布和 AI 生成界面 |
 imgcook |
— | 要登录 | 网页 · Windows · macOS | 待检测 | 替代设计稿转代码这一块：导入设计稿生成 React 等代码，缺少画布直连组件与版本分支 |
 Pixso |
有免费版 | 要登录 | 网页 · Windows · macOS | 待检测 | 替代设计协作与交付这一块：国产在线设计可生成 React 代码，但改动不直接落到代码库 |
 Figma |
有免费版 | 要登录 | 网页 · Windows · macOS | 待检测 | 替代设计画布与设计系统这一块：协作画布成熟，但产出是设计稿而非真实 React 组件 |
 Anima |
有免费版 | 要登录 | 网页 | 可以 | 替代设计稿转 React 这一块：从 Figma 或描述生成可编辑 React 应用，但画布不直连本地代码库 |
详细介绍
部分替代 5
D
Deco
京东推出的设计研发工具，把 Figma 设计稿转成带布局与样式的代码，能识别组件并生成语义化 className，输出 Taro、React、Vue 多框架版本，适合前端工程师拿它出页面初稿、省去切图排版。替代设计稿转代码这一块：Figma 稿生成语义化 React 代码，但没有无限画布和 AI 生成界面
imgcook
阿里巴巴前端团队出品的智能代码生成工具，导入设计稿或图片后自动识别图层，生成 React、Vue、小程序等 10 种 DSL 代码，适合前端开发者照着设计稿批量产出页面代码。替代设计稿转代码这一块：导入设计稿生成 React 等代码，缺少画布直连组件与版本分支
Pixso
国产在线产品设计协作平台，把需求白板、原型交互、UI 设计和开发交付串在同一份文件里，研发可直接查看标注并生成 React、Vue 等界面代码，适合产品、设计、研发同处一条链上的中小团队协作。替代设计协作与交付这一块：国产在线设计可生成 React 代码，但改动不直接落到代码库
Figma
云端协作设计平台，把界面设计、原型、白板和开发交付放在同一个文件里，产品团队和设计师用它从草图一路做到上线。替代设计画布与设计系统这一块：协作画布成熟，但产出是设计稿而非真实 React 组件
Anima
面向产品团队的在线设计转代码工具，能把 Figma 文件、截图、网址或一句描述生成可编辑的 HTML/React 应用，支持预览、加数据库和回滚历史版本，适合设计师画完界面后交给它出第一版代码、开发者接着改。替代设计稿转 React 这一块：从 Figma 或描述生成可编辑 React 应用，但画布不直连本地代码库
imgcook
阿里巴巴前端团队出品的智能代码生成工具，导入设计稿或图片后自动识别图层，生成 React、Vue、小程序等 10 种 DSL 代码，适合前端开发者照着设计稿批量产出页面代码。替代设计稿转代码这一块：导入设计稿生成 React 等代码，缺少画布直连组件与版本分支
Pixso
国产在线产品设计协作平台，把需求白板、原型交互、UI 设计和开发交付串在同一份文件里，研发可直接查看标注并生成 React、Vue 等界面代码，适合产品、设计、研发同处一条链上的中小团队协作。替代设计协作与交付这一块：国产在线设计可生成 React 代码，但改动不直接落到代码库
Figma
云端协作设计平台，把界面设计、原型、白板和开发交付放在同一个文件里，产品团队和设计师用它从草图一路做到上线。替代设计画布与设计系统这一块：协作画布成熟，但产出是设计稿而非真实 React 组件
Anima
面向产品团队的在线设计转代码工具，能把 Figma 文件、截图、网址或一句描述生成可编辑的 HTML/React 应用，支持预览、加数据库和回滚历史版本，适合设计师画完界面后交给它出第一版代码、开发者接着改。替代设计稿转 React 这一块：从 Figma 或描述生成可编辑 React 应用，但画布不直连本地代码库