解鎖學習效率的秘密武器：Reccap

6 min readJun 29, 2023

今天要分享我從 Figma Config 2023 影片學習的第三階段，在上一篇文章中，我已將 Config 的 60 支單元影片分類出優先觀看的 9 支。

然而，長時間觀看完整的影片往往讓我們感到不太方便。今天，我要向大家介紹一款名為 Reccap 的軟體，它能將 YouTube 影片拆解成逐字稿，提供了一種高效的學習方式。

Reccap — 逐字稿回放、快轉、摘要的利器

Reccap 軟體的特別之處在於它能將 YouTube 影片轉換成逐字稿後與 Youtube 影片的播放進度 mapping，以此提供快速點擊跳句的瀏覽方式 — 我之前介紹的 Vocal.ai 有類似的功能，但它不支援直接轉換 Youtube 影片，它更像是針對工作會議 / 訪談錄音的整理。

透過 Reccap，我們能輕鬆地跳至影片中我們感興趣的段落。每個逐字稿都以事先以演講主題為基礎進行分段，讓我們能更輕鬆地在這個介面中瀏覽和探索影片內容。當我們選中特定句子時，Reccap 會直接將的原始 YouTube 影片跳轉至被點擊的名字。讓我們相當於以超高倍速觀看整個影片，同時不會錯過任何重要內容。

使用上的限制和技巧

儘管 Recap 軟體功能強大，但使用時仍需注意一些限制。免費試用僅限轉換五支影片，且每支影片的轉檔需要一定的等待時間，通常在 10~30 分鐘之間。因此，在使用 Recap 之前，我們可以先透過其他快速摘要方式確定影片是否符合我們的需求和期望。

此外，儘管當我們在 Recap 中播放經過處理的逐字稿時，點選其中的文字，Recap 會幫助我們跳轉至原始的 YouTube 影片。然而，需要注意的是，在這種瀏覽方式下，YouTube 影片僅以小視窗形式呈現。如果我們想要查看影片中演講者的投影片內容，我們需要將該影片放大至全螢幕。然而，這個動作可能會導致播放延遲、畫面模糊，我約需等待約 5 秒才能繼續閱讀。

Reccap 會主動抓演講重點，為每個重點截圖，但不一定能完整呈現所有畫面細節，因此我們仍然需要視情況閱讀原始影片。

教學和生態系尚不成熟

目前 Reccap 的定價等於處理 1 支影片 1 美元，處理完的結果任何人都能觀看 ( 如這支 Config 2023 影片 )，這點真的頗划算。

我在網路上目前只查到少數介紹文，搜尋產品名 “ Reccap “ 或 “ Recap.it “ 的話 Goolge 回給我的多是 “動詞 Recap” 的結果。

產出內容的比較

最後附上一點我真實看完影片《Plugin showcase: level-up team workflows with custom Figma plugins》後的心得，和只看 ChatGPT 摘要的差別 :

ChatGPT 摘要

🗣️ “Plugin showcase: level-up team workflows with custom Figma plugins” 的報告包括了來自三家公司的插件展示，分別是 Datadog、Ikea Retail、和 Meta。
🐶 Datadog 的兩位設計師 Derek 和 Janelle 介紹了他們如何使用工具來設計高度技術性的產品，並強調了他們的設計系統 Druids 以及其中的工具對於數據視覺化的重要性。這包括了他們用來幫助設計師使用真實數據設計的 Figma 工具，以及他們為特定 UI 代碼類型開發的名為 “bits of content” 的插件。
🌐 Meta 的部分，介紹了他們如何透過 Figma 的插件，讓設計師更易於發現並使用到合適的元件。他們使用的插件可以組織和排序元件，並為每個元件提供重要的資訊，如擁有該元件的團隊，該元件的規範，以及可用的代碼資訊。
👁️ 除此之外，他們也有一個品質檢查插件，能讓設計師快速地檢查並調整他們的設計，包括顏色對比度和拼寫錯誤等。
📐 在 Meta，有專門的工程團隊來支援和開發這些插件，他們還分享了一些開發技巧，如建立一個設計系統註冊表，讓設計師可以選擇他們想要使用的設計系統，只看到他們關心的資訊。
🛋️ Ikea 的插件展示了他們如何使用 Figma 插件 API 和他們內部的 API，將真實的商品數據和圖像應用到他們的設計中。設計師和前後端開發人員可以使用相同的數據集，這讓他們可以用相同的語言來談論產品數據。
🌐 Ikea 的 Placera 插件允許設計師輕鬆地創建或選擇不同的市場，然後填充不同的語言數據，如日文字符，並獲得本地化的價格單位。

Reccap 的摘要

來自 datadog 的 Derek 和 Janelle 展示了他們名為“Bits of Content”的定制 Figma 插件，該插件可幫助設計人員輕鬆訪問徽標和集成。
他們還討論了可讀且可理解的數據對於調查系統問題的重要性，並介紹了 datadog 的設計系統 Druids。
Meta（以前稱為 Facebook）展示了他們的自定義插件，包括數據插件、質量檢查插件和設計套件，以提高其設計團隊的效率和影響力。
他們強調了開發和維護這些插件以及與 Figma 無縫集成的持續交付框架所面臨的挑戰。
宜家的 Elliot 開發了一款名為 Placida 的 Figma 插件，可將宜家產品數據自動納入設計流程，為設計師節省時間和精力。
該插件允許設計人員使用宜家產品數據庫中的真實數據填充他們的設計，並且可以針對不同的語言和特定於市場的信息進行定制。
演講者強調了儘早並經常讓用戶參與來驗證重要功能並在插件開發中相應地優先考慮它們的重要性。

我用 Reccap 看完該影片的心得

Datadog, Meta, Ikea 的設計師都提出了他們為 Figma 做 Plugin 以串接公司的”真實假資料”到設計稿中。
Datadog 這位展示了 Dark Modder Checker 這個內部開發的 Plugin — 值得參考，雖然我公司目前 Dark / Lightmode 並行的 APP 極少。
Meta 這位展示了 Plugin 之一 — 常用的 Checker 大合輯本身就是個好用的 Plugin。
Ikea 這位分享他看 Config 2022 的某支引人入門的 Plugin 影片後開始 Build for 自己與他人，需要 react 基礎和從教學樣板出發。”開發 Plugin” 這個分享蠻觸動我的，我想要進一步學習自開發。

最後總結一下對 Reccap 的心得

我對 Reccap 的推薦度是 9 分 ( From 0~10 )，原因是真的有助學習且價格親民 ( 1 美元轉 1 支影片 )
轉檔的等待時間嫌久 ( 10~30min )，如果它能漸近式的交付內容 ( 先給全篇 Summary 和分段落主題，再給影片跳轉功能，最後再給各段落 Screensho ) 那使用體驗會更好。
網站的 Navigation 不合理，主功能只有 3 個，卻沒有良好組織、不好找我要的功能。

以上是今天的分享 ( #Day 16 )，感謝閱讀 ~