Build and share interactive prototypes in Codex

TL;DR: OpenAI产品设计插件让设计师在ChatGPT内完成从构思到可分享交互式原型的全流程，并支持一键导出到Figma和发布为团队可访问的网站。 ## 概述 OpenAI产品设计插件帮助产品设计师改变工作方式。它将设计中最具挑战性的环节——从构思到可分享原型——转化为精简的工作流程，使企业能够更快地构建更好的产品。 以下通过一个示例展示全过程：在ChatGPT内设计一个新的日历功能。 ## 明确方向与构思 首先，模型会通过提出几个澄清性问题来明确方向。我们回答这些问题，并提供一个参考文件作为视觉简报。 模型对方向有了清晰的理解后，进入构思阶段。模型生成了三种不同的视觉方向。我们可以逐一查看、比较选项，并决定要构建哪个原型。三个选项都不错，但最终选择了选项一，决定构建这个。 ## 自动构建交互式原型 模型会基于选中的图像开始用代码构建交互式原型。它生成体验所需的配套图像和资源，然后自行测试原型，最后交给我们。它检查不同屏幕尺寸，甚至将参考图像与本地原型进行对比，确保效果良好。 ## 测试与迭代 现在我们可以自己测试了。将原型全屏打开，开始点击操作。可以与交互式应用交互，开关功能，滚动查看，从而切实感受这个日历功能在实际中如何运作。如果想进一步优化，可以标注原型的特定部分并提出修改要求。目前效果不错，继续下一步。 ## 与团队共享：Figma制品 接下来，与团队分享这个想法。一种方式是创建Figma制品。这会将工作发送到现有的Figma画板中，也可以生成一个新画板。完成后，打开那个Figma文件看看。 可以看到新增的Agenda co-pilot页面。它不只是发送一个截图，而是将功能的完整上下文带入Figma，以便团队继续编辑和优化。原型截图、用户故事背景，甚至功能的评审笔记都直接放在文件里。 ## 最终分享：Sites发布 最后一步，与整个团队分享。使用新功能“Sites”完成。打开后，原先的原型现在以交互式网站的形式呈现，整个团队都可以访问。他们可以浏览、点击不同元素，体验这个功能在ChatGPT中的实际效果。 ## 总结 原本可能繁琐的过程现在集中到一个地方，帮助你更快地构建和交付更好的产品。这一切都要归功于OpenAI产品设计插件。 Source: [Build and share interactive prototypes in Codex - OpenAI](https://www.youtube.com/watch?v=_9ImjmzAyus)