數位工具分享

Napkin.ai 圖文教學:一鍵把文字變成好讀的圖或產生流程圖表

Napkin.ai首頁

你每次都花一堆時間把複雜的文字內容做成圖表嗎?

如果你有這種煩惱,AI 工具 Napkin.ai 能幫你解決這個問題,藉由上傳自己的文字內容,讓它幫你生成各種圖表和流程圖,省去思考與製作的時間,或者,給予一些製圖的靈感。

我自己用了覺得還不錯,這讓文字創作者可以更專心創作內容,而不是花一堆時間製作圖表。

在這篇文章裡,我會和你分享 Napkin.ai 生成圖表的方法、編輯介面和使用心得,希望幫你更理解這個工具該如何運用到工作流程中。

Napkin.ai 的製作介面

join-napkin

Napkin.ai 首頁右上角按下「Get Napkin Free」就會直接跳到製作介面,直接貼上這次要製作圖表的文字。

napkin new

把要製作圖表的文字反白起來之後,就會出現一個藍色的小圖示,中間有一個小小的白色閃電。

napkin new2

按下藍色圖示,就會生成不同樣式的圖表,你在選項中找到一個符合需求的再點下去,沒點之前都可以一直瀏覽,下面舉幾個它生成的例子。

Napkin chart1
Napkin chart2
Napkin chart3
Napkin chart4

上圖的紫色框框裡還有很多生成的圖表,把滑鼠移到圖表上方,會在右側顯示大圖;選單左側有個藍色的拉把,滑鼠按住往下拉,就可以再看到其他的結果。

確定了才按滑鼠左鍵,如果不小心按到,就要重新反白文字再來一次。

編輯 Napkin.ai 生成的圖表

在上面的步驟選好圖表之後,點下滑鼠,就會跳出一張圖,用滑鼠點一點這張圖表的元件,你會發現有很多可以更改的地方。

Napkin 編輯元件

目前可以編輯文字、框、icon 和線條:

編輯器用途
napkin edit2文字編輯器
napkin edit3文字框編輯器
napkin edit4icon 編輯器
napkin edit5線條編輯器

從編輯器的介面可以看出來,每個元件可編輯的項目不太一樣,像文字的編輯器可以調整字型、字型加粗(B)、字型大小(A↓↑),而線條編輯器能調整線條的樣式等等,建議一個個點開來調整看看效果。

比較重要的是最右邊的紫色小圖示,點開來會看到下載格式的編輯器:

編輯器用途
下載Napkin圖表選擇下載格式

等圖表都編輯完成,就可以把圖表用滑鼠左鍵全選,按紫色小圖示選擇下載格式:

  • Format:有 PNG、SVG、PDF 可選,建議選 PNG。
  • Color mode:有 Light 和 Dark 模式可選,前一個是現在看到的 Light 模式,而 Dark 會變成黑色背景,所有圖表樣式都會改成適應黑底的顏色,而且圖片背景也會是黑色的。
  • Background:On 就是背景不透明,Off 就是背景透明,在 Light 模式下載就是預設背景透明 (Off)。
  • Resolution:下載尺寸,有 1x、2x 和 3x 等格式可選。

全都確認之後,就可以按「Download」下載了。

>>還有一個藍色小圖示是「重新生成」,在文字編輯器和 icon 編輯器中會出現,但只能重新生成 icon 而已,所以沒有特別介紹,以後官方有其他更改再調整。

我使用 Napkin.ai 的心得

我把生成的圖表放在「自我介紹」這篇文章裡,你可以點進去看看效果,剛好我對原本製作的圖並不滿意,最起碼 Napkin.ai 在文字結構化方面做得比我好多了。

具體來說,Napkin.ai 生成圖表後,只能改改顏色、圖示和文字,用在快速生成圖表的一般需求上是 OK 的,可對專業人士來說,可能不太有用處,頂多給點製作的靈感。

而且,Napkin.ai 竟然不能先選要生成一般圖表還是流程圖表,是 AI 按照文字的邏輯來自動判斷,這方面還可以改良一下。

對了,對流程圖表好奇的話,到「自我介紹」的「更完整的自我介紹該怎麼說」看一下效果如何。

不過,Napkin.ai 還是在測試階段,目前都是免費,你可以玩玩看,其實還有用 prompt 生成文字或直接插入圖表的功能,但我只覺得用自己的文字生成圖表這部分比較能用在工作上。

以上就是這次的分享,如果覺得有用的話,再幫我把這篇文章分享給需要的朋友吧!

Share this post

「閱讀很重要,但生活也是。」相信閱讀是生活的一部分,而生活也是閱讀的一部份,目前的身分是文字工作者二度就業中。有任何合作事宜,請聯繫:[email protected]

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *