启用“UI描述→线框图”指令模式、绑定设计软件实时预览、开启风格锚定视觉建议、使用草图理解引擎反向提取结构，四步可将文字UI描述转为可视原型。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在使用骡子快跑时希望将文字形式的ui描述快速转化为可参考的视觉原型图，但缺乏设计工具操作经验或图形生成入口，则可能是由于未启用对应的功能模块或未匹配正确的输入格式。以下是解决此问题的步骤：一、调用“UI描述→线框图”指令模式
该模式基于骡子快跑内置的轻量级布局语法解析器，可将自然语言中包含容器、组件、层级、交互关键词的描述自动映射为标准线框图结构，输出符合Figma/Sketch通用导入规范的JSON Schema，供第三方工具解析渲染。
1、进入骡子快跑主界面，点击左上角「+新建任务」，选择「结构化指令模式」。
2、在指令输入框中粘贴如下模板并替换括号内内容：你是一名UI架构师，请将以下需求转为移动端线框图JSON：{页面名称}，含{顶部导航栏（含返回图标与标题）}、{中部滚动列表（每项含头像、昵称、时间戳、简短正文）}、{底部固定操作按钮（文字为“立即发布”，禁用状态时灰显）}。
3、点击运行后等待约5秒，系统返回结构化JSON文本；复制全文，粘贴至支持JSON导入的线框工具（如Whimsical或FigJam）的「Import」面板即可自动生成基础布局。
二、绑定本地设计软件进行实时预览
骡子快跑支持通过浏览器扩展桥接主流设计工具，将文字描述直接触发本地Sketch或Figma实例中的画板创建与组件填充，实现所见即所得的原型推演闭环。
1、前往Chrome应用商店安装官方扩展「MuleRun Design Bridge」，完成权限授权。
2、在骡子快跑中输入UI描述，例如：“登录页：居中Logo、邮箱输入框（带校验提示）、密码框（带可见切换）、‘忘记密码’链接、蓝色主按钮‘登录’、底部灰色小字‘注册新账号’”。
3、选中整段文字，右键选择「Send to Figma」，系统自动在已打开的Figma文件中新建画板，并按语义识别结果插入对应组件占位符及标注说明。
4、在Figma中双击任一组件，可查看骡子快跑注入的原始描述片段与推荐样式参数（如输入框圆角8px、按钮色值#2563EB）。
三、启用风格锚定驱动的视觉建议生成
该功能不直接绘图，而是针对用户提供的UI描述，结合其历史采纳过的视觉偏好（如圆角尺寸、阴影强度、色彩明度区间），生成三项具体可执行的视觉建议，每项均附带CSS代码片段与对比示意图链接。
1、确保账户已积累至少3次对AI生成UI稿的编辑行为（如调整间距、替换配色、修改字体），系统方可激活风格建模。
2、在设置页「外观偏好」中开启「视觉建议增强」开关，并确认「启用历史风格继承」处于启用状态。
3、在任意对话框中输入UI描述后，追加指令：请基于我的历史偏好，给出三项视觉优化建议：① 布局节奏调整 ② 组件质感强化 ③ 状态反馈增强，并为每项提供可复制的CSS规则。
4、系统返回建议后，点击任一CSS规则旁的「应用到当前页」按钮，骡子快跑将在内置预览窗口中实时渲染修改效果，支持导出PNG或SVG。
四、使用多模态草图理解引擎反向提取结构
当您已有手绘草图或截图（如手机相册中拍摄的纸面线框），骡子快跑可通过OCR+拓扑识别联合模型解析图像中的布局关系与组件意图，输出结构化描述文本，再交由前述任一方法生成正式原型。
1、在任务创建页选择「图像理解模式」，点击「上传草图」按钮。
2、支持上传JPG/PNG格式截图，单张图像中需包含清晰边框、文字标签及箭头指示（如“此处为下拉菜单”手写批注）。
3、上传后系统自动执行两阶段处理：首阶段识别所有可读文本与几何区域；次阶段推断组件类型（如矩形框+“搜索”文字→搜索栏）及相对位置关系（如“按钮位于列表下方居中”）。
4、处理完成后，点击「转为UI描述」按钮，生成一段可用于后续原型生成的标准化文本，例如：首页顶部通栏：左侧汉堡图标、居中“发现”标题、右侧消息气泡图标；中部卡片流：每张卡片含圆形头像、用户名、发布时间、图文摘要、底部点赞/转发图标组。
