yoyoo 是一款免费开源的高保真 UI/UX 设计工具:拖拽组件快速产出高保真页面设计稿,连线绘制流程图与思维导图, 用自然语言让 AI 直接生成界面,支持多人实时协作与一键导出图片。
所见即所得:拖拽搭建原型、连线绘制结构、AI 对话生成页面、多人实时协作。
文本、按钮、表单、图表、表格、图片、图标等 30+ 内置组件拖入即用;位置、尺寸、背景、边框、圆角、阴影、动画逐项可视化配置,双击直接编辑内容。多页面独立尺寸与背景,对齐参考线、吸附、框选批量操作,画出的是可交互的设计稿,不是示意线框。
内置 13 种流程图形状:判断菱形、起止胶囊、输入输出平行四边形、数据库圆柱、人员节点……双击即可写标签。连线提供贝塞尔曲线与直角折线两种线型,直角折线自动绕开画布上所有组件,箭头永不穿内容;组件移动、缩放,连线实时跟随。流程图、架构图、思维导图,都是拖节点 + 连线两件事。
登录后在 AI 助手对话框里描述需求——「做一个登录页」「加一张柱状图展示近六个月销量」——助手直接创建页面、添加组件、修改属性,生成结果就在画布上继续编辑。页面数据是纯 JSON(组件树 + 属性 + 连线),任何 AI 工具按数据结构文档也能生成页面导入。
登录后创建项目并邀请成员,分配所有者 / 编辑 / 只读三种权限,多人同屏编辑实时同步,字段级增量合并互不覆盖。无需注册,游客模式直接进入编辑器,本地数据完整可用,登录后一键迁移进协作项目。协作服务支持自行部署,数据保存在你自己的服务器上。
从想法到交付,为每个角色提供合适的工具
快速产出高保真页面原型与流程图,和团队讨论交互与信息架构,导出图片直接放进文档与评审。
用可视化方式搭页面骨架,连线表达模块依赖,图表与表格直接配置数据,设计稿即结构图。
画架构图、思维导图、数据看板原型,零安装零成本上手;写文档配图无需切换多个工具。
无需安装、无需注册即可开始。数据保存在浏览器本地,随时回来继续编辑。