Protolab · 原型实验室

易设（Protolab）是一款运行在浏览器中的轻量原型设计工具，面向产品经理、设计师、前端开发者及独立开发者，将界面搭建、交互设计、AI 辅助生成和原型导出整合在同一工作区，帮助用户快速把想法转化为可体验、可分享的界面原型。

作品采用组件库、画布与属性面板的三栏布局，支持通过拖拽搭建手机、平板和电脑界面。用户可以编辑文字、图片、尺寸、配色与间距，利用网格、标尺、吸附和多选对齐完成布局，并通过设备外框、系统栏和安全区模拟实际展示效果。

主要功能包括：

• 可视化编辑：提供 23 个内置组件，支持创建和复用 HTML、SVG 及图片组件。
• 交互原型：支持多页面、弹窗、Toast，以及页面跳转、返回和元素显示隐藏。
• AI 辅助设计：接入兼容接口后，可通过自然语言修改画布、生成组件或页面，并结合工程配色与设计规范完成设计。
• 工程与版本管理：支持多工程切换、草稿自动保存、撤销重做、版本回退，以及 AI 修改与本地编辑的冲突合并。
• 导入与导出：支持工程 JSON 备份、HTML 导入，以及导出可独立打开和交互的 HTML 原型。

作品使用 HTML、CSS 和原生 JavaScript 模块构建，无框架、无后端、无运行时依赖，可部署到静态网站。工程数据保存在当前浏览器，界面支持中英文切换，适用于需求沟通、方案验证、界面演示和个人项目设计。