市场上常见的AI工具有ChatGPT、Gemini、Midjourney等，展示了人工智能技术的关键特征。此外，每天都会推出许多新工具。

除了新的人工智能工具之外，我们还有原本不是人工智能的工具，例如 Figma 和 Miro。这些工具已经开始添加人工智能功能，现在我们可以利用它们更好地工作。

在本文中，我想向你展示如何使用 FigJam AI 作为高效的 AI 流程图制作器来创建流程图。

什么是 FigJam AI？

FigJam AI 是 Figma 添加到 FigJam 中的人工智能工具。它可以帮助你聚类信息、生成设计思维研讨会、组织信息、总结信息等。

在设计师移动矩形之前，现在他们必须详细写出他们想要的东西

我首先要解释的一个概念是，告诉人工智能你想要什么是非常重要的。否则，你将得不到想要的结果。

这强调了与传统工作流程的显著不同。

通常情况下，我们并不是一开始就有一个明确的最终解决方案，而是在过程中不断尝试、调整设计、移动矩形，慢慢完善我们的愿景。然而，人工智能从一开始就需要精确的指令。

在我这里展示的例子中，你可以很好地感受到这一点。在这个过程中，我对提示进行了细微的改动，所以你可以看到这些改动对结果的影响，以及为什么明确说明你想要什么是这个过程的关键。

从文本生成流程图

我用 Figjam AI 进行了几次测试，以下是我认为对理解流程最有帮助的三次测试。我从简单的提示开始，逐渐过渡到更复杂的方法。

测试 1：快乐流程

我从在网上商店购买一件 T 恤的简单流程开始，看看人工智能能否从中生成完整的流程。

提示如下：

Act like a product designer and create a Flow chart for the process of buying a t-shirt in an e-commerce store:
-Visit homepage.
-Select the T-shirt category.
-Filter and sort.
-Pick a T-shirt.
-Choose size and color.
-Add to cart.
-Review cart.
-Checkout.
-Fill in shipping and payment.
-The user adds a promo code.
-Confirm order.
Create only this flow. Do not add anything else.

这是结果：

测试 2：有一个错误的流程

在第二个测试中，我想看看人工智能能否在流程中添加一个条件，以应对某项工作不正确的情况。

为此，我在流程中添加了一个用户添加了错误促销代码的案例。

提示是一样的，但我添加了这一行： "考虑错误案例：'促销代码不起作用'"。

提示如下：

Act like a product designer and create a Flow chart for the process of buying a t-shirt in an e-commerce store:
-Visit homepage.
-Select the T-shirt category.
-Filter and sort.
-Pick a T-shirt.
-Choose size and color.
-Add to cart.
-Review cart.
-Checkout.
-Fill in shipping and payment.
-The user adds a promo code.
-Confirm order.
Take into account the error case: Promo Code does not work.
Create only this flow. Do not add anything else.

这是结果：

测试 3：有三个错误的流程图

下一步是看我能否在提示中添加三个错误案例，以及人工智能能否理解它们。

我在提示中添加了这些错误案例：

• 促销代码无效。
• 颜色缺货。
• 付款被拒。

提示如下：

Act like a product designer and create a Flow chart for the process of buying a t-shirt in an e-commerce store:
-Visit homepage.
-Select the T-shirt category.
-Filter and sort.
-Pick a T-shirt.
-Choose size and color.
-Add to cart.
-Review cart.
-Checkout.
-Fill in shipping and payment.
-The user adds a promo code.
-Confirm order.
Take into account these error cases:
-The promo Code does not work.
-The color is out of stock.
-The payment declined.
Create only this flow. Do not add anything else.

这是结果：

我的笔记

Figjam AI 完成了任务，但存在一些问题：

• 所有的错误案例都加在了流程的末尾，这让人很难理解。
• 视觉效果很混乱，行与行之间杂乱无章。你可以从图片中看到它的样子。
• 错误案例 "付款是否被拒绝？"是否定的，因此如果答案是 "否"，付款就没有问题。我不喜欢这样做，因为这会造成混乱。写成 "付款通过了吗？"更好，这样 "是 "就会导致成功。
• 如果付款被拒，人工智能会建议联系客户支持。这没有问题，但也许你想显示一条错误信息并写上 "使用其他付款方式"，所以这里还需要更精确地说明解决方案。

我想通过编写更好的提示来测试人工智能的能力，而不是手动进行更改。我的目标是看看改进后的提示是否能帮助正确处理工作流程中的所有错误。

我做了哪些改变？

• 我把错误案例写成了问题。
• 我将问题添加到步骤附近，而不是最后。
• 我向人工智能助手准确解释了我希望在每个案例后发生的事情。

提示如下：

Act like a product designer and create a Flow chart for the process of buying a t-shirt in an e-commerce store:
-Visit homepage.
-Select the T-shirt category.
-Filter and sort.
-Pick a T-shirt.
-Choose size and color. Ask, "Is the color in stock?" If yes, continue to the next step. If no, write "Notify me by email. "
-Add to cart.
-Review cart.
-Checkout.
-Fill in shipping and payment.
-The user adds a promo code. Ask, "Does the promo code work?" If yes, continue to the next step. If no, write "Promo code does not work " and connect it to the step "The user adds a promo code."
-Confirm order. Ask, "Is the payment approved?" If yes, the next step is Done. If no, write "Contact customer support "
Create only this flow. Do not add anything else.

这是结果：

我的笔记

• 所有错误案例都添加正确。
• 人工智能助手完全按照我的要求做了。
• 流程更加清晰易懂。

测试的主要见解

• 如果流程简单，提示就更容易编写；如果流程复杂，就必须花更多时间编写。
• 提示清晰，结果更好。文字说明越详细、越清晰，人工智能就能越准确地生成所需的流程图，从而减少修改的需要。
• 尝试各种提示的书写方式，可以找到与人工智能沟通的最有效方法，尤其是在复杂的场景中。
• 对于错误案例，重要的是将问题写成正面的。这样，"是 "就会引导到正确的步骤。
• 向聊天者展示如何继续。如果你展示的是错误案例，请准确解释你希望 "正 "结果和 "负 "结果发生什么。
• 你还可以生成成功路径，单独创建错误案例，并将它们粘贴到流程中。
• 使用人工智能创建流程图固然很好，但有时，手动调整图表的某些部分可能比花大量时间为人工智能编写完美的提示更快。

总结

在本文中，我向大家展示了如何使用 FigJam AI 作为 AI 流程图工具来创建流程图和图表。