用FigGPT-人工智慧驅動的Figma外掛簡化您的UX文案編寫!
Figma 外掛越來越多地採用人工智慧來使我們的設計工作流程更加高效和有效。
上週,Vitaly Friedman在Linkedin的文章中分享了一個包括ChatGPT的優秀Figma外掛,叫做FigGPT(由@olexdsgn開發)。
在使用和測試之後,我可以說FigGPT是一個多功能的、強大的Figma外掛,可以徹底改變UX寫作。通過使用人工智慧的力量,FigGPT簡化和精簡了文案創作。
這篇文章向你介紹了FigGPT這個外掛,不僅是因為它可以幫助你更有效地工作,還因為它可以讓你看到產品設計師的新人工智慧工具,我相信在不久的將來我們會看到這些工具。
如何使用該外掛
使用該外掛非常容易。您可以在 Figma 社羣中找到它,或者通過點選頂部欄的 “Resources” 選項直接從 Figma 檔案中開啟它。
FigGPT登入介面
開啟後,你應該新增你的電子郵件和API金鑰。你可以在OpenAI網站上生成API金鑰,點選標題中的 “Personal”,然後點選 “View API keys”。
從這個頁面,您將能夠生成API金鑰。請注意,使用API並不是免費的。以下是使用它的價格。
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編輯
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用於使用者體驗寫作的廣泛應用。讓我們來探討利用該外掛的其他方法,詳細說明每個用例的好處,並提供例子來說明其潛在的影響。
文字翻譯
在不同語言之間翻譯文字對從事國際專案的設計師來說特別有利,因為它使他們能夠迅速地使他們的內容適應不同的語言市場,而不需要依靠人工翻譯。
例子: 想象一下,你正在為一個全球品牌設計一個網站,而你需要英語和西班牙語版本。一個簡單的提示,如:
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. 中文:"請生成一封電子郵件,通知使用者他們的信用卡已經過期,他們需要新增一個新的信用卡來繼續付款"。
編寫設計系統文件
建立全面和清晰的設計系統文件是一項繁瑣的任務,需要時間。然而,你可以通過使用這個外掛來簡化這個過程。
這種情況下的提示比較長,因為你必須提供更多的資訊來生成一個關於元件的好文件。
要了解更多關於這個主題的資訊,你可以看看我寫的關於用ChatGPT建立設計系統文件的文章。你會發現那裡有很多關於如何使用ChatGPT製作的想法和解釋。
最大限度發揮外掛潛力
- 實驗不同的風格,為你的目標受眾發現最有效的方法。
- 利用自定義提示功能,指導人工智慧生成與您的設計系統準則密切相關的文字。
- 請記住,FigGPT的人工智慧不一定能產生完美的結果;要準備好進行手動調整或結合多個生成選項的想法。
- 您可以選擇多個文字層,該外掛將為每個層產生結果。
小結
在這篇博文中,我想向您展示一個名為FigGPT的方便的外掛,它可以幫助簡化直接從Figma文件中編寫使用者體驗的設計過程。
首先,我們看到了如何找到這個外掛並將OpenAI API連線到它。然後,我通過解釋 “Edit” 和 “Compose” 這兩個選項,向你展示了該工具的工作原理,並演示了你能用它做什麼。
最後,我分享了一些關於該外掛如何幫助你的提示和想法,例如生成電子郵件或翻譯文字。
我希望我們很快就會開始看到更多用於UI設計的AI外掛,這些外掛將負責調色盤、文字風格、圖示生成等方面的工作。
評論留言