UI prototyping often involves iterating and blending elements from examples such as screenshots and sketches, but current tools offer limited support for incorporating these examples. Inspired by the cognitive process of conceptual blending, we introduce a novel UI workflow that allows developers to rapidly incorporate diverse aspects from design examples into work-in-progress UIs. We prototyped this workflow as Misty. Through an exploratory first-use study with 14 frontend developers, we assessed Misty's effectiveness and gathered feedback on this workflow. Our findings suggest that Misty's conceptual blending workflow helps developers kickstart creative explorations, flexibly specify intent in different stages of prototyping, and inspires developers through serendipitous UI blends. Misty demonstrates the potential for tools that blur the boundaries between developers and designers.

翻译：用户界面原型设计通常涉及对示例（如屏幕截图和草图）中的元素进行迭代与融合，但现有工具在整合这些示例方面的支持较为有限。受概念融合认知过程的启发，我们提出了一种新颖的用户界面工作流程，使开发者能够将设计示例中的多样化特征快速整合到进行中的用户界面中。我们将此工作流程原型化为Misty。通过对14名前端开发者进行的首次使用探索性研究，我们评估了Misty的有效性并收集了关于该工作流程的反馈。研究结果表明，Misty的概念融合工作流程有助于开发者启动创意探索，在原型设计的不同阶段灵活指定设计意图，并通过意外生成的用户界面融合激发开发者灵感。Misty展示了能够模糊开发者与设计师界限的工具所具有的潜力。