yoyoo 设计 —— 高保真 UI/UX 设计：页面、流程图、思维导图、AI 生成

yoyoo 是一款免费开源的高保真 UI/UX 设计工具，无需下载安装，打开浏览器即可设计：拖拽组件搭建高保真页面设计稿，连线绘制流程图与思维导图，AI 对话直接生成界面，支持多人实时协作与一键导出图片。

功能特色

• 高保真 UI/UX 设计：30+ 内置组件拖拽编辑，背景、边框、圆角、阴影、动画全属性可视化配置，多页面管理
• 流程图与思维导图：13 种流程图形状，贝塞尔曲线与直角折线自动避障连线，箭头不穿组件
• AI 生成：AI 助手自然语言创建页面、增删改组件；页面纯 JSON 数据格式，外部 AI 也可生成导入
• 实时协作：成员邀请与所有者/编辑/只读权限，多人同屏编辑实时同步，协作服务支持自部署
• 画布导出：一键导出 PNG / JPEG 图片与项目 ZIP 压缩包，所见即所得
• 引用模板：创建可复用的组件模板，项目间共享，状态切换实现 tabs/轮播图等动态效果
• 多页面管理：支持多页面设计，页面间跳转交互配置
• 属性编辑器：可视化配置组件位置、尺寸、背景、边框、圆角、阴影、动画等全属性

适用场景

yoyoo 适用于产品经理、UI/UX 设计师、前端开发人员快速制作高保真原型设计稿、页面设计、流程图、思维导图、数据可视化大屏、后台管理界面、移动端页面设计。支持导出图片交付开发，支持实时协作团队评审。

开源免费

yoyoo 基于 React 开发，代码开源，支持私有化部署。协作后端基于 Hocuspocus + Yjs 实现实时同步。在线地址：https://zuimeiaj.com/yoyoo/