無需程式碼!用 tldraw computer 畫張流程圖輕鬆打造 AI 自動化系統



你是否因為不會寫程式,總覺得無法打造自己的自動化工作流程?每次設定 AI 工具都需要大量手動操作,效率難以提升?試試看一個實驗性的新工具:「 tldraw computer 」,透過直覺的流程圖設計,就能將繁瑣 AI 指令與工作流程視覺化,打造高效率的 AI 自動化系統!

一開始使用 AI (指得是 ChatGPTGoogle Gemini 這類工具),我們可能會問:「生成一個某某主題的簡報。」但當繼續深入使用,真的把 AI 當作工作輔助工具,就會發現這樣簡單的提問是不行的,我們需要把任務「切割成」不同步驟,一個階段一個階段讓 AI 處理,然後透過反問討論,整合出最終更好的內容。(這樣的工作流程,我在之前的「如何用 AI 工具提升工作效率?三個關鍵步驟讓生成結果更精準有效」這篇文章有仔細提過。)

這時候,我們要請 AI 生成簡報草稿,可能會先請 AI 設定 TA、痛點,再請 AI 做資料研究、摘要,然後請 AI 根據資料思考出更好的簡報論述邏輯,然後才請 AI 根據這樣的邏輯與資料,最後總結出一個更深入的簡報大綱。(最近介紹的「Google Gemini Deep Research 實測比較:自動蒐集資料、推理分析、撰寫報告的 AI 研究助理」,則是把這樣的工作流程交給 AI 自動計畫、推理完成。)

那麼,如果上述的操作流程,可以用「視覺化」的流程圖規畫出來,然後 AI 就會自動跑完所有流程,生出我們需要的成果呢?這就是今天分享的這個最新 AI 工具:「 tldraw computer 」所具備的獨特功能。




tldraw 」是很知名且好用的線上流程圖工具,不過她們最新推出的「 tldraw computer 」 AI 功能,不是要幫我們畫流程圖,而是讓我們用簡單好上手的流程圖,規劃出自己想要的 AI 自動化工作流程,打造一個可以根據更複雜邏輯生成報告、文章、設計圖、聲音檔的 AI 自動化助手。


「 tldraw computer 」核心特色:

  • 可視化流程設計,打造自己的 AI 自動化工作步驟
    • 透過流程圖直觀操作,無需撰寫程式碼,就能透過連結,建立自己想要的自動處理系統。
  • 靈活的輸入與輸出,讓 AI 生成多種任務需要的成果
    • 在流程圖中支援輸入文字、圖片,可以輸出文字、圖片、聲音、網頁等多種內容。


「 tldraw computer 」用途:

  • 個人效率提升
    • 自動生成報告、文章,減少重複性工作。
    • 掃描圖片文字並自動翻譯、修正。
  • 設計與創作
    • 快速生成設計圖、網頁介面,簡化創作流程。
  • 多媒體應用
    • 自動生成聲音、圖像,適合多媒體製作需求。




我們先來看看「 tldraw computer 」這個工具可以完成什麼樣的應用案例,分享一個簡單版實例:我自己常常會需要把拍照掃描的紙張圖片,轉換成一個有效的文字內容,就利用這個工具來建立一個快速掃描與修正文字的 AI 工具。(當然,這件事情,目前我覺得 Evernote 內建的工具做得很棒也很方便:會議記錄不麻煩!我常用兩個 Evernote AI 功能整理錄音、手寫筆記

我可以在「 tldraw computer 」流程圖上設定一個上傳圖片的卡片框,然後拉一條連結線。接著在一個 AI 的指令框框裡,輸入我希望用什麼樣的邏輯來辨識圖片並修飾文字。然後接下來我再拉一條連結線,設定一個輸出的文字框,讓 AI 可以把完成的結果輸出到這裡。

而在使用的時候,我就只要在「第一步:上傳圖片的卡片框」把圖片上傳,按下右上方的播放啟動按鈕。這時候,這個工具就會自動跑流程圖上的步驟,把掃描出來的文字轉換成我需要的內容。

「 tldraw computer 」目前使用的 AI 模型是 Gemini ,看起來無論是中文的文字還是手寫字,都能夠非常有效的辨識完成。





接下來我們來看一個比較進階複雜的應用案例。我想讓 AI 幫我寫一篇文章的草稿,但是就像前面提到的,直接讓它撰寫通常不會有很好的結果。

所以我利用「 tldraw computer 」工具畫出一個文章產出的工作流程圖。在流程圖的一開始,我利用兩張綠色的卡片,讓我可以自己簡單的設定這篇文章要解決什麼TA問題,以及這篇文章想要採用什麼方法論來解決問題。

接著,我開始用「 tldraw computer 」流程圖展開我希望AI一步一步處理的自動化步驟。

首先,我利用紅色的卡片設計 AI 處理的指令,請 AI 根據我的 TA 問題,寫出一段有效的痛點描述。接著再請 AI 利用我想要介紹的方法論,寫出一段這個方法論的重點思維基本背景的介紹文字。

但是,這樣還不夠。我繼續往下畫流程圖。我讓AI根據他自己輸出的 TA 痛點以及方法論的重點,重新思考,擬出文章最好的架構。這個架構需要具體,有操作步驟,而且每個方法、每個步驟都要盡量有深入的詮釋。

然後接下來,我讓 AI 一步一步的把這篇文章往下擴展,有了文章的架構之後,我再請 AI 從這個架構出發,讓這篇文章有一個完整的故事開場,有方法論重點,也有具體操作步驟,把前面的內容做一個有效的並且延伸擴充的整合。

最後,我再畫出下一步的 AI 流程圖。我請 AI 用台灣慣用的語言,用口語更親切的方式來潤飾改寫它產出的文稿,輸出一個解決痛點、介紹方法的一篇中文文章草稿。

甚至我可以再繼續往下拉出下一步的流程圖,放上一張聲音的輸出卡片,讓AI把這篇文章的草稿轉換成一個精簡扼要的介紹音檔。

有興趣的朋友,可以看看我完成的這個AI自動化的工作流程圖,看看上面的內容:https://computer.tldraw.com/t/szQY1iuGZCHAEmwzFASShH(網址可以查看生成結果,如果要試用這個 AI 自動化流程工具,需要註冊一免費帳號。)

當我有了這樣的一個自動化的工作流程圖,以後我只要每次回頭修改一開始的兩張綠色卡片,後面 AI 就會像剛才一樣,自動跑完我已經設計好的工作流程,一步一步的去設計架構,推演文章進行潤飾,甚至最後產出聲音檔案。我可以立刻獲得最後輸出的文章草稿以及聲音檔案的結果。





看完兩個具體案例,最後我來分享「 tldraw computer 」如何操作?

先註冊一個免費帳號,建立一個 AI 自動化工作流程(圖)的專案。

建立 AI 流程的基本邏輯是:輸入、(AI)處理、(AI)輸出。

掌握上面這個邏輯,你就能快速設計出一個有效的 AI 自動化工作流程。

首先,我們要設定「輸入」內容的填寫框,這是 AI 工作流程的起點,就像是要告訴 AI 目標、結果、資料的意思。

在「 tldraw computer 」中,利用 Text 或 Image 等卡片,可以設定輸入文字、上傳圖片的填寫框,作為啟動流程的起點。




接著,我們要告訴「 tldraw computer 」如果去處理輸入的內容,這時候從輸入內容的卡片,畫出連結線,連結到「Instruction」這個卡片上,然後在「Instruction」中說明希望 AI 如何處理內容的指令。

「 tldraw computer 」會根據我們簡單的指令,自己做最佳化,讓 AI 處理內容的結果更好。




然後,我們繼續從「Instruction」卡片畫出連結線,這時候可以連到 Text、 Image、 Speech、 Website 等卡片,代表要讓 AI 處理後,輸出什麼格式的內容。




重複上面:輸入、處理、輸出,三階段流程,我們就可以串聯出一個更複雜的 AI 自動化工作流程。

透過流程圖的規劃方式,我可以繼續推進下一步的 AI 處理流程,甚至利用連結線把不同段落的內容連結到需要的步驟上,建立我自己需要的工作步驟。




最後,「 tldraw computer 」也提供了一些輔助功能,讓設計這樣的流程圖更簡單。

例如有一個啟動按鈕,讓我們到時候只要按下啟動,後面的 AI 流程就會自動跑完。

或是像流程圖一樣可以設定大小顏色,這樣幫助我們分辨流程圖中不同的卡片類型。




tldraw computer還有不少進階功能,有興趣的朋友可以進一步玩玩看。

整體來說,「tldraw computer 」是一個強大且易上手的自動化工具,讓我們能夠輕鬆打造自己的 AI 流程,推薦大家試試看。



有興趣的朋友可以進一步研究:




大家好,我是電腦玩物站長 Esor ,歡迎參考我的系列課程與書籍:


我的電子郵件是 esorhjy@gmail.com ,如果你有任何關於筆記術、時間管理、提升工作效率的問題,歡迎寫信跟我討論。

(歡迎社群分享。但全文轉載請來信詢問,禁止修改上述內文,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang 異塵行者,及附上原文連結:無需程式碼!用 tldraw computer 畫張流程圖輕鬆打造 AI 自動化系統

留言

  1. 執行完後, 怎麼沒有聲音產出?

    回覆刪除
    回覆
    1. 通常是先有一個 Text 的文字輸出卡片,然後連結到一個 Speech 的聲音卡片,就能把文字內容變成聲音的摘要說明。

      刪除
  2. 有點好奇它使用的AI模型只能用普通免費版Gemini嗎?
    生成出來的文字跟圖片品質都有點差無法直接應用

    回覆刪除
    回覆
    1. 目前看起來是預設的,看看之後有付費版本的話是否可選

      刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Comodo Firewall + AntiVirus:全中文免費防火牆+防毒軟體上手教學

Facebook Groups新版社團功能,和一小群朋友建立臉書秘密空間

Acer Chromebook 台灣開箱 Google Chrome OS 心得

LINE App PC電腦版下載設定教學,手機電腦彈性即時通

Fences 1.0 正式版推出!管理桌面圖示從此井然有序,美化優化桌面的收納盒

如何在 Rainlendar 2.6 桌面行事曆添加RSS、天氣預報、倒數計時面板?

Google 相簿無限容量上傳 1600萬畫素照片 1080p影片

Comodo Internet Security 4.0 免費防毒防駭防火牆新版心得

Rainlendar 2.2 桌面行事曆基本安裝設定完全攻略