用FigGPT插件提升Figma的UX文案编写效率  第1张

用FigGPT-人工智能驱动的Figma插件简化您的UX文案编写!

Figma 插件越来越多地采用人工智能来使我们的设计工作流程更加高效和有效。

上周,Vitaly Friedman在中分享了一个包括ChatGPT的优秀Figma插件,叫做FigGPT(由开发)。

在使用和测试之后,我可以说FigGPT是一个多功能的、强大的Figma插件,可以彻底改变UX写作。通过使用人工智能的力量,FigGPT简化和精简了文案创作。

这篇文章向你介绍了FigGPT这个插件,不仅是因为它可以帮助你更有效地工作,还因为它可以让你看到产品设计师的新人工智能工具,我相信在不久的将来我们会看到这些工具。

使用该插件非常容易。您可以在 中找到它,或者通过点击顶部栏的 “Resources” 选项直接从 Figma 文件中打开它。

用FigGPT插件提升Figma的UX文案编写效率  第2张

FigGPT登录界面

打开后,你应该添加你的电子邮件和API密钥。你可以在上生成API密钥,点击标题中的 “Personal”,然后点击 “View API keys”。

从这个页面,您将能够生成API密钥。请注意,使用API并不是免费的。以下是。

用FigGPT插件提升Figma的UX文案编写效率  第3张

OpenAI API key

FigGPT为生成文本提供了两个主要功能: Edit和Compose。

允许您在 Figma 中修改现有的文本层,方法是选择文本层并点击其中一种可用的样式,即更短、更长、更有趣、更简单、随意、正式、固定拼写、改进、要点、标语或 emojis。

每种风格都会根据所选的选项来改变文本。例如,选择 “更简单 “将更直接地改写文本,而 “至要点 “将以列表的形式总结信息。

此外,你还可以根据自己的需要写出独特的提示语。让我们来看看这个案例。

想象一下,你正在设计一个小型的咖啡店网站,你想为通讯订阅创建一个有趣的、吸引人的按钮标签。

你可以利用FigGPT,提交一个类似的请求:

FigGPT将生成多个标签选项供您审查,然后您可以选择最符合您的设计理念的标签。

用FigGPT插件提升Figma的UX文案编写效率  第4张

使用FigGPT编辑

Compose是一个更通用的选项,可以根据你的要求生成新的文本。

选择一个文本层,提供一个提示,并选择额外的参数,如风格或字数。如果你在屏幕上有现有的文本,你可以使用加号按钮将其复制到输入栏。

想象一下,你正在开发一个银行应用程序,需要在模式中创建一个错误信息,通知用户他们的会话已经过期。

不幸的是,你很难找到灵感,所以你可以使用构图选项来简化这一过程。

选择文本层,打开FigGPT插件,然后点击 “编撰”。现在你可以写一个提示,比如

FigGPT 将为您生成一条信息,您可以按原样使用,也可以根据您的需要手动定制。

用FigGPT插件提升Figma的UX文案编写效率  第5张

创建全面和清晰的设计系统文档是一项繁琐的任务,需要时间。然而,你可以通过使用这个插件来简化这个过程。

这种情况下的提示比较长,因为你必须提供更多的信息来生成一个关于组件的好文档。

要了解更多关于这个主题的信息,你可以看看我写的关于用ChatGPT创建设计系统文档的文章。你会发现那里有很多关于如何使用ChatGPT制作的想法和解释。

在这篇博文中,我想向您展示一个名为FigGPT的方便的插件,它可以帮助简化直接从Figma文档中编写用户体验的设计过程。

首先,我们看到了如何找到这个插件并将OpenAI API连接到它。然后,我通过解释 “Edit” 和 “Compose” 这两个选项,向你展示了该工具的工作原理,并演示了你能用它做什么。

最后,我分享了一些关于该插件如何帮助你的提示和想法,例如生成电子邮件或翻译文本。

我希望我们很快就会开始看到更多用于UI设计的AI插件,这些插件将负责调色板、文本风格、图标生成等方面的工作。