图像转代码工作流
Kiro的计算机视觉能力可缩短原型开发周期达70%:
- UI设计图转化:支持Figma/Sketch截图直接生成React/Vue组件代码(需安装
@kiro/design-plugin
) - <strong]白板识别:拍摄手绘架构图自动转换为PlantUML并生成Terraform配置
- 交互式修正:对生成结果说”增加响应式断点”等指令进行迭代优化
典型实施步骤
- 在
prototype
分支新建wireframes
目录存放设计素材 - 拖拽图片到Kiro聊天窗口,附加Prompt如”用TailwindCSS实现此布局”
- 对生成的代码使用
/simulate
命令启动实时预览 - 通过
/feedback
收集Stakeholder意见进行快速迭代
本答案来源于文章《Kiro:将需求快速转为代码的AI编程工具》