PRISM AI · TOOL 01
棱镜图片转代码
把设计稿直接变成代码
上传设计稿截图、录屏视频，或直接输入文字描述，即可生成可运行的生产级代码。一次生成多个方案对比挑选，点击预览中的元素即可局部修改。
功能特性 / FEATURES
四种输入方式，一套工作流
从想法到代码，全程可视化、可修改、可对比，省去从零手写的重复劳动。
截
截图生成
把任意设计稿、网页截图拖入即可，自动识别布局、配色与组件，生成对应前端代码。
录
录屏视频生成
录制产品操作流程或界面演示视频，按帧理解交互与页面状态，一键还原为代码。
文
文字描述生成
一句话描述想要的页面：组件、布局、风格，直接生成可用代码，支持多轮追问修改。
改
点击改图
生成后的预览中直接点击任意元素，描述修改意图，AI 只改该处，其余保持不变。
工作流程 / WORKFLOW
四步完成一个页面
01
输入素材
截图、视频或文字描述，任选一种方式输入需求。
02
生成多方案
AI 一次产出多个实现方案，风格、结构各不相同，供你对比挑选。
03
点击修改
在预览中点击任意元素，说出修改意图，局部精准调整。
04
导出代码
获得可直接运行的工程代码，复制到项目中使用，或交给团队继续开发。
计价方式 / PRICING
按点计费，用多少扣多少
图片生成按方案扣点（每次生成一个方案扣一次）
视频生成10 点 / 次
文字描述生成按方案扣点
点击改图每次修改扣 1 点
月卡优惠视频生成 9 折起（标准月卡起）
把一个设计稿变成代码，只需一分钟
下载棱镜AI 管理客户端，工具库中添加「棱镜图片转代码」即可开始。
下载客户端