图片 AI 与图转代码
除了生成结构图，NuromBoard 还支持对画布上的图片做 AI 处理，以及把选中的图示尝试转成代码。这两类能力能加快「贴图可用」和「设计到实现」的草稿环节，但仍需人工验收。
会选中图片做去背景/增强等处理；会按入口触发图转代码，并知道如何检查结果。
- 白板中已有图片或可框选的图示结构
- 了解可能消耗 AI 积分
适用场景
图片 AI 常见能力
去背景：适合人像、产品图、图标，让元素贴进白板更干净。
增强/清晰化：改善轻微模糊，不能凭空补出没有的信息。
去水印类能力：仅处理你有权使用的素材；不要用于移除他人版权水印来盗用内容。
图片处理步骤
- 1
选中画布上的图片
点击图片元素。若是 PDF 页或嵌套对象，确认选中的是图片本身。
- 2
打开图片 AI / 效果入口
在浮动工具栏或右键/属性入口中选择去背景、增强等（以当前版本菜单文案为准）。
- 3
预览后应用
对比边缘是否锯齿、主体是否被误切。不满意就撤销再试，或换一张更高清原图。
- 4
纳入版面
处理后调整大小与对齐，必要时配文字说明来源。导出前再看一遍透明边缘。
图转代码（Diagram to Code）
- 1
整理图示
尽量让结构闭合、标签可读，去掉装饰性涂鸦。可用 Frame 框住要转换的范围。
- 2
选中范围并触发转换
通过 AI 相关入口选择图转代码（或同类「生成代码」）。等待返回 HTML/前端草稿或其他格式。
- 3
复制到本地项目验收
在编辑器中打开，检查布局、语义标签、无障碍与响应式。AI 代码是草稿，不是可直接上线的生产代码。
- 4
迭代
差得远时，回到白板简化结构再转一次，通常比在烂代码上打补丁更快。
合规与积分
只处理你有权使用的图片与图示。客户未授权的设计稿不要随意转码外传。
图片 AI 与图转代码通常扣积分，见 定价与 AI 积分。
隐私：不要把含身份证、密钥、未公开个人信息的截图送去处理。
得到处理后的图片，或一份可复制的代码草稿；明白哪些结果能直接用、哪些必须改。
常见错误
- 对低清截图强行增强，期望变成摄影级细节。
- 图转代码后不经验收直接上生产。
- 选区过大（整页杂乱元素），模型难以理解结构。
常见问题
去背景失败常见原因？
主体与背景颜色过近、分辨率过低、或选中了非图片对象。换清晰原图、尽量单一主体再试。
图转代码支持什么技术栈？
以产品当前返回格式为准（常见为 HTML/CSS 等前端草稿）。需要 React/特定组件库时，把草稿作为参考手工改写。
可以转换手绘线框吗？
可以尝试，但先用「手绘转形状」整理，或重绘为规整组件，成功率更高。见 手绘转形状。
处理后原图还在吗？
多数流程会生成新结果或可撤销。重要原图建议先复制一份再处理，避免覆盖。