工具介绍
核心功能
Banani 根据产品说明、页面需求和视觉参考生成网页或移动应用界面。用户可从一个核心流程开始，逐步扩展多个屏幕，调整组件、文案和风格，并与团队协作讨论。参考现有产品能帮助表达方向，但生成结果仍是可编辑原型，而不是已经完成工程约束的生产代码。
适合场景
产品经理可在需求讨论前制作可视化方案，设计师能快速比较布局，创业团队则可用多屏原型验证注册、购买或内容浏览流程。与研发沟通时，把状态、空页面、错误和权限场景一起补进原型，比只展示理想主流程更有价值。正式设计系统仍需统一组件与令牌。
使用边界
参考知名产品不代表可以复制其商标、图标和独特界面，商业项目应形成自己的视觉语言。AI 生成页面可能忽略无障碍、响应式、长文本和真实数据边界，复杂交互也不会自动成立。交付开发前要由设计师检查组件状态、内容层级、触控尺寸和用户研究证据。
常见问题
Banani 能一次生成多个页面吗？
可以围绕产品流程建立多屏方案，并在工作区继续修改。
生成的是可上线代码吗？
其重点是 UI 与原型，开发仍需实现交互、数据和质量要求。
可以直接模仿其他应用吗？
可借鉴通用模式，但不能复制受保护的品牌和独特视觉资产。
