青年好政2025|使用Figma快速套版完成證書

收到主視覺設計相關應用檔案,但卻沒有Adobe Illustrator嗎?好多參與者,一個個更改姓名擔心出錯嗎?這篇文章將協助大家快速完成證書。

收到主視覺設計相關應用檔案,但卻沒有安裝Adobe Illustrator嗎?好多參與者,一個個更改姓名擔心出錯嗎?這篇文章將協助大家快速完成證書,我們將從直接套用開始說起,如果想要進一步修改或類推運用可再繼續下滑查看說明。

直接套用

這個段落將不會講太多關於細節設定的部分,如果想要了解詳情,可以繼續下滑到最後,會有附上相關資料作為參考。

註冊帳號及複製範本

一鍵完成證書,你需要使用兩個平台/工具:FigmaGoogle試算表,所以請先確認已經有Figma帳號與Google帳號,如果還沒有Figma帳號,請先到Figma註冊,如無其他考量,為求便利,你可以直接透過Google帳號註冊並登入。

如果你有購買Canva Pro的話,那麼一切會簡單很多,你可以直接將ai檔拖入Canva中進行設定與操作,如果想要查看這部分的介紹,請直接滑到最下面。

確認有相關帳號後,請你點擊下列的按鈕打開我已經設定好的文件並複製。(識別證Figma檔案僅簡單排版,並未複製Frame,請自行參考後續教學編輯設置;Figma複製檔案請點檔案名旁的三角形,選擇Duplicate to your drafts,若有夥伴申請編輯權限我會直接拒絕,以避免您直接在範本檔案中編輯團隊場次內容)

資料製備

請你參考Google試算表範本整理要套用在證書上的資料,我已經設定了相關公式,所以只需要填寫一次團隊名稱(Team)、舉辦時間(Time)以及活動名稱(Title)就好,至於參與者姓名,可在匯出報名資料後,複製欄位,貼在 “Name” 工作表(請注意不要複製欄位名稱)。

之所以不建議直接更新在第一個工作表,是因為這樣若遇需要更改,對於前面工作表的設定影響較小,可以在Name工作表編輯完了之後再到第一個工作表確認即可。如果有把握不太會需要調整,當然也可以直接複製到第一個工作表的Name。

請將這個試算表的權限改成知道連結者可以檢視

如果公式跑掉你可以這麼做
  • 團隊名稱跑掉:輸入=$A$2
  • 活動時間跑掉:輸入=$B$2
  • 活動名稱跑掉:輸入=$C$2
  • 參與者姓名跑掉:在D欄的第X+1列輸入 =Name!AX ;如在D9輸入 =Name!A8

在Figma加入Plugin

如果你已經複製了我準備的檔案,應該會發現在Pages的地方有三頁,參與者、工作、講師感謝狀,接下來將以最主要的參與者頁面為例,其餘請根據需求運用。

在參與者頁面會看到32個一樣的參與證明圖片,如果團隊活動的參與人數在30人以內,那麼應該不需其他操作,如果團隊參與人數超過31人,那麼懇請先耐心看完,並持續看到後續的補充段落。

檔案看起來會是這樣的

在此,我已經幫大家把AI檔匯入Figma,大家會看到圖上有一些文字方塊,如:{{Name}}、{{Team}}等,如果對於現行樣式不滿意,可更改字體、大小與顏色,但若仍對Figma不太熟悉,建議先保持原樣。

參與證書的Frame我都已經幫大家編號,並設置好參與者姓名所要抓取的資料,若您想要自訂修改,可能會需要看到最後。

也請大家不用擔心,列出全部的圖也是保留了讓大家採取傳統方式的空間,如果不喜歡串接不同平台或者擔心自動化出錯,卻又沒有安裝Illustrator,一樣可以直接透過Figma編輯。

接下來是自動化的關鍵,請選擇需要生成證書的Frame

點擊右鍵,選擇”Plugins”,然後點選”Google Sheets Sync“,如果您未曾使用過,可以點”Manage Plugins“,然後輸入Google Sheets Sync,點擊加入

此時會跳出一個視窗,請複製貼上先前已整理好的Google試算表連結,點擊”Fetch & Sync“(當然你也可以僅先點擊”Fetch”查看預覽後再同步。)

這樣原則上就完成了,可以瀏覽一下有無需要調整的地方。

輸出檔案

此時請看到視窗右下角,有一個Export的區塊,一樣點選需要輸出的證書之後,可以根據需求選擇輸出PNG、JPEG、SVG或PDF

一次選擇多個證書的話,Figma會幫你打包成壓縮檔,解壓縮後就有所有檔案囉。


稍微修改

人數超過30人

目前Google試算表以及Figma「參與者」頁面的設置主要都以Let’s Talk的標準30人為準,因此當參與者超過30人,就會需要了解一下有哪些地方需要確認

試算表

下列文字可以搭配參考既有欄位的公式,會更好理解喔~

  • 團隊名稱:輸入=$A$2
  • 活動時間:輸入=$B$2
  • 活動名稱:輸入=$C$2
  • 參與者姓名:在D欄的第X+1列輸入 =Name!AX ;如在D9輸入 =Name!A8

當然也可以直接把滑鼠移到儲存格右下角,看到+號後拖曳拉滿至需要的格子。

Figma

在Layers處點選”參與證書#”然後以Ctrl+C或Command+C複製,點一下右方空白處後選擇貼上

在Layers處點選這個複製出來的證書,選擇右鍵並重新命名(如:參與證書32),更名後記得展開這個Frame。

將元素”#Name”重新命名,這步很重要請留意,必須更名為 #Name.X 這樣的格式,這裡的X表示需要採用Name這欄第幾列的資料,請特別留意,第一列是標題,不要輸錯。舉例:第32份證書(參與證書32)的這個元素需要更改為 #Name.33

您一樣可以參考前面已經設置好的Frame。


工作人員證明與講師感謝狀

想要Credit團隊夥伴或當天協助的工作夥伴嗎?我修改了參與證明檔案,調整成「協辦證明」,在Google試算表的部分請參考上個章節即可。

在Figma的部分,請先在Pages的部分選擇「工作」,此時你會看見一個已經修改敘述的證明範本。在此,我並沒有把「協辦證明」與圖層1裡面的「工作人員姓名」轉外框,如果你認為文字內容與樣式還需要修改,可以直接點擊修改

待完成修改後可以再參考上個章節的操作,複製Frame並重新命名再更新Name的部分。

講師感謝狀的操作也跟上面類似,我已經將參與證明檔案調整成「感謝狀」,請在Figma的Pages區塊選擇「講師感謝狀」,相關文字均可編輯修改。

我目前使用的是思源宋體,你也可以切換為思源黑體或其他你喜歡的字體。


進階

其他主視覺設計檔案

您也可以將其他主視覺設計運用的AI檔轉成SVG或PDF檔,就可以根據需求匯入Figma或InDesign當中編輯。

更多Google Sheets Sync的設置

在這個檔案中由於偷懶加上份數不多,是使用比較簡單且有內建B計畫的方式,但實際上要更自動化也是可以的,關於這套工具的詳情,可以查看這個Plugin的官方說明以及Demo。


Canva Pro使用者的設定方式

前置準備

Canva Pro使用者可以直接將ai檔拖入Canva中,等到讀取完畢後,新增文字。我下方的圖例仿造Figma的格式進行,但實際上團隊名稱、時間與活動名稱都可以直接輸入,不需要透過Google Sheets,唯一需要自動化的部分只有參與者姓名。

一樣可以使用前面的Google Sheets,此時將Name工作表輸出為csv即可,如果報名後台也有相關設置,可以直接從報名後台輸出為csv檔。

設定

將版面樣式調整好之後,點選Canva左側選單的Apps,搜索並選擇”Bulk create“,之後會跳出Bulk create的設定視窗,首先我們要先上傳資料,點選上傳資料,上傳我們剛剛下載的csv。

在設計上點選要連結資料的文字,在這裡就是Name這個文字方塊。請按右鍵,選擇連結資料

點選所要對應的資料欄位後,設計上會標出對應的資料標籤

預設輸出的方式是全部輸出到一個檔案,但如果有需要直接輸出成多個檔案也可以在進階設定的地方調整

設定好資料連結與輸出方式後,可以勾選需要使用的資料

設定好接下來就是Canva會努力囉,它會輸出為另一個檔案,檔案名稱會類似「(Bulk 1)參與證明」,

點開檔案瀏覽一下有沒有問題,就可以輸出成PDF或PNG、JPEG等檔案囉~

分享文章