如何在 5 分钟内将餐巾纸草图转化为功能完备的平板电脑自助终端

在餐巾纸上画出您想要的屏幕，拍照并上传到 Final 的 AI 构建器 Build。Build 会读取餐巾纸草图，生成与之匹配的可用收银流程，并打开一个可供点击的实时预览。通过聊天进行微调，然后将其部署到平板电脑上。这就是整个过程。以下是每个步骤的工作原理，以及这五分钟具体花在了哪里。

为什么从草图开始，而不是从提示词开始？

因为布局是空间性的，而句子很难描述空间。“左边是商品网格，右边是购物车，角落里有一个大大的支付按钮”依然留下了十几个可以有不同解读的决定。而一张图画能立刻解决这些问题：什么东西放在哪里、什么最大，以及顾客最先看到什么。

构建器是基于提示词的，因此书面描述本身也可以正常工作。而图像只是带宽最高的提示词。几个方框和箭头就能承载层级、分组和比例，这些如果用文字阐述需要好几段话，而且它们能将 AI 锚定在您的意图上，而不是套用通用的模板。

如何将草图上传到 AI 构建器？

1. 拍摄草图。手机照片就足够了。方框和标签越清晰，第一版的效果就越好。

2. 打开 Build 并附加图片。在 Build 主页上，添加照片并附带一行上下文，例如“咖啡馆的自助点单终端，顾客自行使用”。

3. 观看实时预览。Build 会生成屏幕、布局和逻辑，然后打开一个交互式预览。像顾客一样点击体验。

4. 通过聊天进行微调。分组错了？缺少修饰符屏幕？直接说出来，预览就会更新。

餐巾纸只是一个有趣的例子，任何布局图片都可以作为参考：白板照片、设计工具中的线框图（粗略的布局图）或屏幕截图。如果您更喜欢在自己的工具中工作，您还可以通过 MCP 连接您自己的 AI（一种连接 AI 工具的标准），并从那里构建相同的流程。

静态图画是如何变成连接数据的收银界面的？

Build 并不是把您的草图贴在屏幕上。它会将图画重新构建为与您的店铺相连的软件。每个矩形都变成绑定了真实数据的活动元素：商品网格从您的商品目录中提取数据，购物车应用您的税率，支付通过 Final Pay 运行，并打印收据。这种连接在离线状态下也有效，因此当网络断开时，自助终端仍能继续接受付款。

在实际操作中，您绘制的按钮矩阵会变成一个活跃的收银矩阵。在预览中点击您标记为“拿铁”的方框，它就会以真实的价格添加一件真实的商品，并且销售额会进入对账（与您的实际付款相匹配）的报表中，而不是您手动维护的电子表格。

这就是模型与销售点系统（POS）之间的界限。设计工具给您的是收银界面的图片。而这给您的是真正的收银系统，这也是具有 AI 功能的 POS 与 AI 可以构建的 POS 之间的本质区别。

如何针对自助终端和手持终端进行优化？

提前告诉 Build 您的目标硬件。相同的草图应该为柜台台式机、面向顾客的平板电脑、手持设备、厨房显示器或菜单板生成不同的流程，当您说明您指的是哪一种时，构建器就会进行调整。

对于面向顾客的餐厅平板电脑，使用者是顾客，而不是经过培训的员工，因此设计规则会发生变化。让每个屏幕只保留一个决定。将触摸目标放大，并让下一步显而易见，因为顾客不会接受任何新手引导。直接在提示词中写明：“顾客自行点单，因此每个屏幕的选择要尽可能少，按钮要大。”

手持终端则反转了这些限制：单手操作、最常用的按钮在拇指可及范围内，以及服务员可以在繁忙时段在桌旁快速完成的简短流程。像小费这样的决定可以完全从您的屏幕上移走，因为小费提示可以直接显示在读卡器上。

无论哪种情况，部署方式都是相同的。流程会部署到您的收银台，任何运行 Final POS 应用的兼容 Apple 或 Android 设备都可以注册为收银台。对于刷卡支付，请通过 Final Pay 配对经过认证的读卡器。

那么，您真的能在五分钟内从餐巾纸草图变成自助终端吗？

第一个可用版本是可以的。拍照、上传，一个与您的商品目录绑定的功能性流程就会在几分钟内显示在实时预览中。但要达到生产就绪状态，所需的时间比标题写的要长：在将平板电脑固定到柜台之前，请预留时间进行微调、测试运行，并花十分钟观察真实顾客的使用情况。这仍然只需要一个下午，而不是一个为期六周的实施项目。

经验法则：如果一个陌生人能看懂您的草图并告诉您这个屏幕是做什么的，构建器就能构建它。

带着您画得最糟的餐巾纸，使用免费的 Build 计划开始体验吧。