【硬塞IG 研究室】編輯自產內容日更貼文我們怎麼辦到？背後 ...

圖文製作時間碎片化且短暫。

不過挑戰總是能激起更多創意點子，在一陣腦力風暴後，終於讓Yoyo 終於找到幾乎能做到更 ... 集團資訊 關於我們 集團介紹 我們的團隊 旗下媒體 關鍵評論網 everylittled. INSIDE 運動視界 Cool3c 電影神搜 未來大人物 歐搜哇 旗下節目 多元服務 Ad2 Taketla拿票趣 關鍵議題研究中心 Cr.ED ShareParty 達思智能科技 與我們合作 內容行銷與廣告業務 異業合作 原創內容暨內容媒體業者合作 加入我們 新聞中心 趨勢 【硬塞IG研究室】編輯自產內容日更貼文我們怎麼辦到？背後產製流程導入公開 2021/04/07 Anny instagram 、社群 、設計思考 、Figma 自製專題 你是否也注意到這幾個月INSIDE重新回歸IG平台，更不一樣的是我們重新設計的排版，和過去的風格相當不同，不私藏告訴大家背後的產製流程！ 評論 評論 重啟契機相信各位讀者都有關注到INSIDE在農曆年前重啟我們的Instagram帳號！在帳號早期，當時還是以新聞照、產品照作為貼文主要內容，後來由於人力限制，我們暫時停止更新IG了一段時間，繼續以其他能直接置入連結導流官網的社群平台為主。

然而，在近幾年以來，我們也關注到台灣IG用戶在使用習慣悄悄有了些轉變，在以美照攝影為王的社群平台逐漸開展另一條新道路知識型圖卡內容。

先前專訪電商人妻時她也提到，在兩年前知識型帳號還非常少，過去自己也只是零碎分享IG行銷知識，而在去年2020年知識型帳號大量崛起，自己的IG上也提供更多知識型、工具型等乾貨內容。

長期關注INSIDE的讀者應該可以了解到，INSIDE網站原生內容除了科技時事，也包含廣泛知識型內容，硬塞科技字典、乾貨教學文，要做知識型的帳號並沒有不可行，但是就人力可負擔的工作量來說就需要審慎評估。

運用自產圖文系統編輯們穩定產出身為新聞媒體每日需要處理大量的文字內容，若是要經營IG，就需要專為此生產圖文內容。

這時後端的產製流程就扮演相當重要的角色了！對於目前同時經營網站文章、Podcast節目、在Clubhouse頻繁開房的編輯們來說，究竟是如何穩定更新IG呢？簡單來說，我們與關鍵評論網的設計討論出了一套圖文產製系統，將發文主題、數量固定，這讓我們在重啟兩個月後，追蹤數穩定增加成長率超過52%首先，先給大家一些背景資料，目前INSIDE的IG動態牆貼文並非由單一社群編輯操刀，是由INSIDE編輯部同事們共同製作，一位主編加上四位編輯輪班上陣，各位現在所看到的排版一致、每週涵蓋六大系列主題的INSIDEIG是由五個人共同產製，也就是每日貼文都有一位值班編輯。

確定重啟IG這項內容產品後，編輯向集團的設計師尋求協助，溝通素材與設計風格，設計師與PM也針對編輯部的痛點找到解決方案，最終引入了團隊專屬的圖文產製流程，現在編輯也不私藏地圖文內容生成幕後公開，提供給在今年仍有意要經營IG內容的用戶，或是已在經營想提升產製效率的創作者、品牌。

不是Canva、AI、PPT製圖團隊協作系統大公開設計師Yoyo坦言，在本次要解決圖片產製的問題在初期，讓她相當燒腦，必須解決以下痛點：每日發佈，順序不固定 整個系列有六種內容，每日發佈一則，順序不固定，因此我們不能透過固定的排序讓使用者透過畫面找到發文的一致性，做出每日每週固定發文的類型。

一週是一組系列的發文形式 既然是一週一系列的知識型內容，因此儘管內容不同也要能看出是同系列的貼文，不同週的內容也要有不一樣的變化。

與多位編輯合作 不同內容由不同的編輯負責，且內容及產量皆不同，有些還有時事需求，因此大大提高預做偷跑的難度。

合作流程複雜 資訊內容的產出是由多人負責，製作內容也不盡相同，資訊量差異蠻多，以至於合作上溝通成本提高。

圖文製作時間 碎片化且短暫。

不過挑戰總是能激起更多創意點子，在一陣腦力風暴後，終於讓Yoyo終於找到幾乎能做到更好協作模式，答案就是最佳的工具組合：Figma+GoogleSheet！也就是說，只要設計師一次性輔助，日後行銷、編輯就可自行運用 GoogleSheet製作圖片，比起簡報軟體或是繪圖軟體，能快速產出系列模板的圖片，且不會有跑版問題，尋找會使用Figma的設計夥伴，並參考以下的流程，你也能獲得這套製圖神器！ 先說結果，我們做到了版面能隨著文字內容有所變化 利用FigmaAutoLayout的特點讓畫面跟網站一樣會有自適應的彈性。

可以自行切換所需版型 將各週畫面做成Components，讓編輯能夠自行選用跟切換。

透過模組化元件讓更動畫面更容易 只要更動MainComponents的設計所有相關版型就會一併更新。

文字和圖片透過plugin做到連動且能隨時更新 將GoogleSheet做為文字及圖片內容主要輸入區域，並透過GoogleSheetsSync這個plugin將每個區域對應的文字做連動設定，也是編輯相對熟悉的使用工具，在編輯上比較不會產生誤區。

以上怎麼辦到的？以下會詳細介紹如何設定GoogleSheets跟Plugin如何使用（溫馨提醒：不包含Figma畫面的製作和設定，所以建議可以直接尋找身邊的Figma好手在初期協作，後面就可以事半功倍啦！）1.將版面做好相關設定先列出畫面期待做到的需求，再因應設計去規劃，做好component和autolayout等等相關設定。

設計在繪圖軟體已經設計完成的系列模板導入Figma，像是我們共有四個主題色（每週輪替）以及六個主題有各自系列模板。

再來，就是關鍵了。

2.於plugin頁面安裝GoogleSheetsSync安裝完plugin後開啟一份準備連動的GoogleSheet表單。

Figma上的PluginGoogleSheetsSync是由DavidWilliames所開發。

3.透過命名來串接GoogleSheet表單上相對應的欄位這個Plugin是透過【命名】的方式去將畫面跟表單做串連，因此命名在這裡很重要，有一些【特定的命名規則】也需要去遵守，以下示範最基礎的內容串接方式，適用中、英文的文字和圖片。

（附上英文命名規則說明，繁中翻譯版本正在與開發者洽談中靜候佳音） 在Figma裡面命名你的圖層，並在圖層名之前加上# 例：圖層名Cn_Name（在前面加上#）->#Cn_Name（見下方圖一） 在GoogleSheets上建立圖層名的欄位，命名需與圖層相同，並使用粗體作為標示 例：使用A列作為對應圖層的欄位，Cn_Name（見下方圖二）在Figma裡面命名圖層（圖一）在GoogleSheets上建立圖層名的欄位（圖二）4.在Figma裡使用GoogleSheetsSync這個plugin請跟著下列步驟指示先點擊OpenGoogleSheetsSync輸入表單連結［請記得開啟權限—知道連結的使用者皆可查看］最後按下Fetch&Sync5.之後每次更動只要按下Re-Sync即可編輯實測優化達最大彈性設定上面的設定是以「硬塞科技名人語錄」系列為例，不過還有其他頁數與排版比較多的像是「硬塞評論」「硬塞開箱」主題，編輯在實際測試後針對圖文所需的最大彈性空間回報給設計師，設計持續調整優化，編輯著手製作到第三次就達到最彈性的設定，編輯也就不需要再麻煩設計師了！例如在開箱系列中會需要App畫面及介紹帳號，就增添了下方的版型：另外，像是深度評論文，雖然是轉譯長文內容，字數仍然多於其他主題，就需要容納多字數的版型設計，也在初期由設計師完成排版設計，讓編輯能將圖片連結及文字輸入至GoogleSheet，快速在Figma產出圖檔輸出就完成當日圖片製作了！編輯操作的GoogleSheet介面編輯們雖然不會使用Figma，但經過GoogleSheet產出在介面上的圖片幾乎不用更動就可以輸出了，如果想要針對局部更動，仍然可以簡單微調，接著輸出圖檔就完成囉！圖文放上GoogleSheet同步以後就能生成圖卡免費索取簡報和設計師展開IG新計畫吧不論你是品牌還是多人協作的創作者帳號，有系列性的內容主題，或許都可以參考，對於初期想要累積內容的帳號來說，可以有效解決IG圖文產製的創作門檻，也不用使用千篇一律的免費模板，可針對品牌風格與設計討論出獨具特色的模板。

只要到本篇貼文完成步驟即可獲得此份操作攻略簡報，不用擔心文章弄丟無法查看！在Instagram查看這則貼文INSIDE硬塞的網路趨勢觀察（@inside.tw）分享的貼文目前INSIDE持續努力成長中，希望在資訊爆炸的當今，除了既有的網站文章，以策展內容提供給讀者們更行動便利、更好消化的資訊，對於我們的主題有任何想法都歡迎至IG私訊給我們，日後帳號持續壯大，有機會將持續和大家分享我們的IG經營筆記，最後，不免工商一下INSIDE重新推出全新的六大IG主題，週一到週六更新，趕快追蹤起來吧！核稿編輯：Chris延伸閱讀：【硬塞IG研究室】團結力量大？個人、團體經營IG帳號的優劣分析【硬塞IG研究室】我還該經營IG嗎？2021年的你該有的平台意識專訪電商人妻（上）：個人品牌如何經營Instagram？【知識型IG快速崛起】justfont小眾知識也能掀話題【知識型IG快速崛起】專訪SocialMoreHK：別跟風！堅守內容調性與品質才能不被取代 特別報導下則文章： 【硬塞IG研究室】團結力量大？個人、團體經營IG帳號的優劣分析 【硬塞IG研究室】 台灣的IG使用量持續成長，根據Hoosite數據2020年已經來到59%的社群佔比，【硬塞IG研究室】透過實戰經驗與趨勢洞察幫你掌握先機，開始打造自己的IG社群圈粉！ 看完整特別報導 其他特別報導 分享文章或觀看評論 評論 Anny 安妮，生命中不可以沒有咖啡和手機。