当前位置:首页>WordPress资讯>用FigGPT插件提升Figma的UX文案编写效率

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

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

用FigGPT-驱动的插件简化您的UX文案编写!

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

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

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

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

如何使用该插件

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

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

FigGPT登录界面

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

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

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

OpenAI API key

FigGPT如何工作

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

Edit

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

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

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

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

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

Write a funny and engaging button label for a newsletter subscription for a coffee shop website.
中文:"为咖啡店网站的通讯订阅写一个有趣而有吸引力的按钮标签"。

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

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

使用FigGPT编辑

Compose

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

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

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

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

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

Write me an error message to indicate to the users that the session was expired because they didn't use it for 15min. Offer them also an option to login again.
中文:"给我写一条错误信息,向用户表明会话已经过期,因为他们没有使用15分钟。也为他们提供一个再次登录的选项"。

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

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

该插件的更多用法

你可以将FigGPT用于写作的广泛应用。让我们来探讨利用该插件的其他方法,详细说明每个用例的好处,并提供例子来说明其潜在的影响。

文本翻译

在不同语言之间翻译文本对从事国际项目的设计师来说特别有利,因为它使他们能够迅速地使他们的内容适应不同的语言市场,而不需要依靠人工翻译。

例子: 想象一下,你正在为一个全球一个网站,而你需要英语和西班牙语版本。一个简单的提示,如:

Translate the text into Spanish.
中文:"将文本翻译成西班牙语"

将使你的工作更容易。

分成若干段

你可以把长篇的内容分解成容易阅读的段落。这可以大大增强你的设计的可读性和用户体验。

例子: 你正在设计一个帮助中心页面,而客户发给你的内容是一个单一的、冗长的文本块。

试着用这样的提示:

Divide this long text into paragraphs so the user can read it easily.
中文:"把这个长的文本分成几段,这样用户就可以很容易地阅读了。"

撰写电子邮件

有时,有必要编写一个电子邮件模板,向用户发送电子邮件,通知他们一些事情。然而,我们中的大多数人都没有与用户体验作家密切合作,所以这项任务绝不容易。如果是这样,你可以要求该插件为你生成邮件。

例子: 想象一下,你需要创建一封电子邮件,通知用户他们的信用卡已经过期。

你可以写这样的提示:

Please generate an email informing users that their credit cards have expired and they need to add a new credit card to continue making payments.
中文:"请生成一封电子邮件,通知用户他们的信用卡已经过期,他们需要添加一个新的信用卡来继续付款"。

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

编写设计系统文档

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

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

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

最大限度发挥插件潜力

  • 实验不同的风格,为你的目标受众发现最有效的方法。
  • 利用自定义提示功能,指导人工智能生成与您的设计系统准则密切相关的文本。
  • 请记住,FigGPT的人工智能不一定能产生完美的结果;要准备好进行手动调整或结合多个生成选项的想法。
  • 您可以选择多个文本层,该插件将为每个层产生结果。

小结

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

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

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

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

原文地址:https://www.wbolt.com/figgpt-plugin.html

WordPress资讯

如何在Telegram上使用ChatGPT

2024-1-22 1:08:17

WordPress资讯

10个最佳Node.js库和框架以提升网络开发效率

2024-1-22 1:08:20

个人中心
今日签到
有新私信 私信列表
搜索