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

作者：


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

一開始使用 AI （指得是 ChatGPT、 Google 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 自動化系統）
文章分類：
電腦玩物站長 Esor （異塵行者），在電腦玩物上的文章有別於單純的軟體和服務介紹，而是更強調軟體和服務背後的數位工作思維及方法，並說明實際應用後帶來的生活改變。著有《電腦玩物站長的筆記思考術》、《大腦減壓的子彈筆記術：用Evernote打造快狠準系統》、《比別人快一步的Google工作術：從職場到人生的100個聰明改造提案》等暢銷書籍。

留言

張貼留言

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

這個網誌中的熱門文章

Google Maps 我的地圖完全教學！規劃自助旅行攻略

作者：
圖片
在之前寫完「 善用 Google 航班搜尋找出理想便宜機票的 10 個技巧 」一文後，我想繼續挖掘 Google 幫我們規劃自助旅行的潛力。 今天這篇文章，就深入的來聊聊 Google 的「我的地圖」服務，這是一個可以讓我們「自訂地圖」的工具 ，在地圖上任意繪製地標、路線，對商務需求來說可以打造出一張一張資料地圖（例如我之前在製作一本新書時建立的「 台灣推薦空拍地點地圖 」），對生活需求來說，則可以讓我們規劃自助旅行路線！ Google 「我的地圖」在規劃自助旅行路線時可以解決許多問題： 國外地點名稱地址常常難懂，用自訂地圖就能自己取一個好辨識的名稱。 在規劃路線之外，自訂地圖還能補充許多旅遊圖文資料，讓這張地圖就是旅遊手冊。 好看的自訂地圖一方面旅行時帶來好心情，二方面事後就是最好的旅遊回憶之一。 自訂地圖還能跟朋友共享合作，讓彼此都能在手機上查看這次旅行地圖。
........................繼續閱讀全文內容

Google Gemini Deep Research 實測比較：自動蒐集資料、推理分析、撰寫報告的 AI 研究助理

作者：
圖片
如果生成式 AI 不只會針對問題直接文字接龍出答案，而是會：「 先寫好一份研究計畫，接著自動根據計畫去蒐集資料，針對資料進行推理分析，最後把整理出的結果撰寫成研究報告。 」甚至能夠「 同時摘要數十篇參考資料，並一口氣自動完成3000字以上的文章 」，那這樣是不是在人與 AI 協同合作的過程中， AI 可以幫助我們獲得品質更好、更有效的內容草稿呢？這就是這篇文章想要測試的 Google Gemini Deep Research 目前可以做到的事情。
........................繼續閱讀全文內容

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

作者：
圖片
現在大家照片都儲存在數位手機、相機、硬碟或雲端，數位欣賞與分享很方便。但有時候就是需要拿到「實際照片」，例如： 小朋友學校的勞作作業 想要製作家庭相框 用照片來當小禮物 把照片貼在紙本手帳上 這時候，有什麼方法可以快速把數位照片「洗」成實體照片？而且最好能不花時間、立即拿到、價格也不貴呢？ 如果家裡沒有印表機（或是沒有好的印表機），又不想跑照相館，那麼這時候 「便利商店」同樣也提供了印照片的服務 ，而且價格不貴，可以立即拿到，操作流程也十分簡單。 之前我在電腦玩物分享過：「 不需買印表機也免隨身碟， 7-11 全家雲端列印超方便教學 」。這篇文章則從印照片出發： 同樣的不需買印表機、不需隨身碟，就能快速印出高品質的照片成品。
........................繼續閱讀全文內容

Slack 完整教學與上手心得：找到正確的團隊溝通之道

作者：
圖片
你聽過或用過 Slack 嗎？過去一年， Slack 這一個團隊通訊平台服務不僅在國外爆紅，在台灣我也看過好幾個創業團隊使用 Slack 來做公司內部的訊息管理，到底 Slack 有什麼魅力？它是不是比起 LINE 或 Facebook 或 Email 更能有效率的管理團隊溝通呢？我自己今年也有機會在一個專案合作中使用了 Slack 一段時間，我覺得它吸引人之處有三點： 1. 「 很有趣 」： Slack 裡擁有跟 LINE 或 Facebook 一樣易於讓公司同事聊天打屁、傳送有趣影音圖文的功能。 2. 「 有效率 」：但是 Slack 的頻道、群組機制讓茶水間的聊天，不會干擾工作的討論，並且星號與釘選功能讓每個同事可以從聊天中記錄重點。 3. 「 有彈性 」： Slack 的架構可以讓每一個團隊設計出符合自己需求的通訊平台， Slack 的軟體則讓同事可以在任何地方和公司保持聯繫。 如果你需要中文版的同類平台，可以參考： JANDI 高效率團隊通訊平台完整教學，比 Slack 更適合中文用戶 。 2017/3 新增 ： Sortd for Slack： 改造 Slack 討論串介面變成專案任務排程看板
........................繼續閱讀全文內容

Google NotebookLM 免費中文 AI 筆記實例教學，老師、學生、創作者利器

作者：
圖片
Google NotebookLM 是一個以 AI 筆記本為概念的線上生成式 AI 問答工具。和 ChatGPT 、 Copilot 不同的是， Google NotebookLM 「相對」不會憑空生成內容，也不是上網找答案，而是結合文件資料庫 AI 分析功能（透過  Gemini Pro  分析我們的知識庫），幫助我們根據自己上傳的大量筆記、文件，生成有明確引用的論文摘要、報告企劃、文章大綱。 相較之下很適合自己已經有足夠資料，只是需要 AI 協助分析與輸出的人，例如老師規畫課程、學生製作報告、研究者撰寫論文、創作者撰寫草稿來使用。
........................繼續閱讀全文內容

用 AI 寄送個性化聖誕老人祝福短影片，也可以說中文！

作者：
圖片
Synthesia 是一個專門把文字轉成影片的 AI 雲端服務 ，它內建了上百種人物形象，支援 120 多種語言語音，使用者只要輸入文字，就會有一個 AI 虛擬人物化身成演講者，把我們想要的內容用擬真的人物影片「說出來」。原本工具的用途是提供企業製作培訓影片、簡報影片、銷售影片、客服影片等等，不過因應聖誕節， 他們還推出了一個「 AI 聖誕老人影片」的免費功能 。
........................繼續閱讀全文內容

Google 表單自動關閉回覆教學：時間人數到達就過期

作者：
圖片
Google 表單，是 Google 雲端硬碟裡用來製作線上問卷調查的免費工具。 愈來愈強大、愈來愈漂亮的 Google 表單，可是設計出各式各樣擁有專業問題、滿足特殊調查需求的精美問卷，如果你還不知道怎麼活用他的基本功能，那麼一定要參考下面三篇我在電腦玩物中所寫的一系列教學，從基本功能到隱藏功能，會帶你上手這個好用的工具： 設計問卷調查快速免費，新版線上 Google form 表單教學 不再只有醜醜範本！如何幫 Google 表單美化背景外觀？ Google 表單的 10 個專業問券調查設計秘密教學  也因為寫了一系列實用的 Google 表單教學，所以很多朋友來問我： Google 表單還能不能滿足某某個需求？ 而其中被詢問度最高的就是：「 可不可以讓 Google 表單 自動關閉回覆 ？時間過期了問卷就關閉，填寫人數到達限額了就自動停止。 」如果可以做到，那麼 Google 表單甚至可以用在報名表、抽獎表之類的應用了。好消息是，這個問題有解了，今天開始 Google 表單可以做到限期、限額自動關閉回覆的功能囉！ 2017/8/31 新增 ： 自動移除額滿選項！ Google 表單報名購物限制數量最簡單教學
........................繼續閱讀全文內容

Miro 遠距工作開視覺會議的免費強大白板，專案圖解實例教學

作者：
圖片
團隊一起開會討論專案規劃、產品設計， 為了把大家的想法表達得更清楚，需要將各種思考視覺化，把各種計畫圖解化。 例如用 心智圖 展開專案流程，用 系統思考法 釐清專案關鍵環節，或是畫一張 商業模式精實畫布 。 面對面開會時，我們可以在會議室的大白板上，畫出這些圖解。 但如果想要遠距工作、遠端會議，這時候，就可以利用「線上協同合作的白板工具」 。這類遠距視覺會議的工具其實也不少，我之前介紹過的簡單版工具就有： Witeboard 世界上最簡單快速的協同合作白板，開會上課利器 Awwapp 觸控靈敏線上共用白板，免註冊電腦平板手機立即可用 但說到功能強大，可以滿足各種視覺會議的圖解需求，就不能不提到： 「 Miro 」這個線上視覺圖解白板工具。
........................繼續閱讀全文內容