在去年2021時，那時候也正在學習Figma這新時代設計工具，就突發奇想，在Figma上面的作圖，可以真正線下印刷嗎？然而就開啟了做年曆的念頭，而去年做年曆，是還蠻苦手的一天一天的去手動計算，還找了兩個同事，幫忙校稿，還一度卡住，明明一年是365天，就確怎麼算都是366天，只好整個在重算一次日子。最終雖還是有印刷出來，但是逐一計算日子的製作體驗，說實在真不佳，覺得很不沒有21世紀的感覺。
而在去年中時，一個大神，佛心的出了一個Plugin，大幅降低需要算日子的時間，快速又正確。
讓我在做今年年曆的時間大幅縮短時間，讓我更有時間去專注在正整體的要呈現的內容。在這事做的同時也不禁讚嘆著時代的進步，設計工具越來越好用，可以節省很多時間，讓花更多一點時間用在做設計上面，與想傳達的故事主題什麼。
2022的年曆，我就只5個步驟，就可以快速建立起。
年曆5步驟
做出最小元件
先依據整體設計中，重複性並需要呈現數據的元件開始規劃，以2022的年曆來說，最小元件是每日，而每日元件需要包含：
日期：顯示每日數值
星期：顯示該日為星期幾
農曆：顯示該日為農曆日期數值或是節氣名稱
今年倒數日期：顯示為該日為今年倒數數值
分隔線：區分每日之間的界線，利於閱讀性
在google sheet列出所有相對應數值
開啟一個新的Google Sheet，建立起要呈現的數值內容欄位，輸入要呈現連續數值。在Google sheet的第一欄輸入數值後，就直接往下拖弋，就可以產出連續數值；不過農曆部分，我還是得一個一個檢查輸入，目前還沒有找到可以自動產出連續農曆的方法。
並將該Sheet設定為「知道連結的使用者」，讓Figma可以連接得到，複製連結，等等稍後就把這連結貼到Plugin中。
安裝外掛
在Figma的Community中搜尋「Google Sheet Sync」，找到後直接安裝就可以
編輯對應名稱
回到Figma，於Layers中該元件上的文字指令的名稱修改成與google sheet上面一樣，在名稱前面加上「＃」，這樣Figma在連結檔案時，就依據想對應的名稱去連結內容。
而有幾項說明設定，可選擇使用：
#Date：依據sheet上面排列順序呈現。
#Date.x：.X就會是隨機抓取欄位資料，不會依序呈現。
#Date.(數字或字母)：這樣就會去特定行列去抓取數值。
#Date.n：會將資料遞增呈現。
同步檔案
開啟Figma Plugin，將編輯好Google sheet連結貼上去，然後點擊「Fetch & Sync」就可以即時同步資料內容到Figma的設計裡面了。
結語
這樣的方法不只是用在年曆上，還可以做報價單或收據這類多數據欄位，這樣的類型的內容。
運用這方式，只要有需要運用到多欄位資料的呈現，就可以使用上，比如有大神不吝分享，所製作Invoice的內容，給需要的人去改成自己收據報價單，或者還可以模擬後台會員資料，國外還有人力資源部用來製作公司識別證，或是社群小編做IG貼文格式內容。
今年也因為這Plugin，讓我可以用更多的時間去想年曆主題內容，今年的主題是：「沒有虎浪」，希望今年每次下水都可以輕鬆玩到～
而對於2022年有興趣的朋友，可以免費下載PDF電子檔或者可以直接從Figma複製。有下載的朋友，可以再貼上去時拍一張照片以及年底裡再拍一張照片，分享給我作收藏，納入12-Years Calendar的計畫畫廊中。
延伸閱讀
Figma Invoice Template (+Google Sheets Sync)
【INSIDE IG 設計幕後】用 Figma + Google Sheet 開啟合作的無限可能
