Google Sheets 應用:如何生成 QRcode 網址,並串 Figma 呈現

Written by
郭政佑
Date published
May 13, 2024
image

這邊要分享一個關鍵的應用,如果你的設計物上需要放「QRcode」,那這個方法可以省下很多時間,過去我們需要用一些服務生成 QRcode,下載後再上傳雲端同步到你的設計物上或是更費時的人工手動換。

其實 Google Sheets 用一個網址跟函式組合就可以生成 QRcode ,下面我會分享如何使用,跟一些注意事項。

Google Sheets 表格欄位說明

image

我們要完成一個 QRcode,會需要 5 個欄位,會用到那麼多是因為需要更多可控性,下面說明一下每一個欄位功用

G 欄:URL 是我們從表單收集到的網址,或是你可以自己手動貼上

H 欄:這是生成關鍵,我們需要在開頭加上這串網址才可以生成

https://api.qrserver.com/v1/create-qr-code/?data=

I 欄:這個是決定 QRcode 生成尺寸,當然串接 Figma 後還是會以你設定尺寸套入,但是尺寸還是不要太小,可能會畫質模糊

&size=120x120

J 欄:這欄則是顏色調整,前面 color 是 QRcode 碼的顏色,後面 bgcolor 則是背景顏色,就是 QRcode 後面會有一塊底色,顏色的選擇就是色碼,色碼從 Figma 就能挑選複製了

建議:如果覺得黑色不好看或不搭,可以選擇主視覺相關配色,但要注意對比度要高,這樣才好掃

&color=E8630C&bgcolor=FFFFFF&margin=10

K 欄:這欄位我們要把前面欄位的內容組合起來,這邊很簡單,用組合函式 & 就能把這些欄位組合,不過要注意順序,第一個是 H 欄,再來接我們收集的網址,最後則是尺寸跟顏色結尾

=(H2&G2&I2&J2)

依照上述方式就可以快速生成 QRcode 的網址,網路有分享一些教學,但是是直接生成圖片,但是這圖片會直接生成在表格上,無法導入到 Figma,所以才用這種方式

所以這個生成的不會直接是一個圖片,但導入 Figma 就直接是一張圖片了,詳細導入可以看我第一篇筆記

另外下面則是分享一些 QRcode 的應用:

  1. 如果你想要追蹤數據,貼上的網址建議先自己用短網址服務先設定好
  2. 如果你希望追蹤表單網址的成效,通常需要使用短網址服務的 API 功能串接到 Google Sheets 生成,這樣可以快速生成大量短網址
  3. QRcode 生成後如何修改?建議大家可以看我拍的這部影片,分享如何利用 lihi 這個短網址工具生成可修改的 QRcode,防止印刷後不能改的悲劇
  1. 可以修改的 QRcode 除了防止印刷錯誤的悲劇,也可以用在活動上,例如活動開始掃描是活動須知內容,活動結束掃描同一個 QRcode 變成活動調查問卷,這只要活動快結束時更改就能達成。 也可用在電子報或廣告上,因為這類內容無法收回或修改麻煩,先製作可修改短網址去控管就很方便了。
🧠
動腦時間 QRcode 的應用其實有很多細節,也能夠幫助我們追蹤數據,善用 QRcode 可以做很多事情,這邊請大家思考一下你有沒有應用 QRcode 的情境,以及有什麼可以優化的地方呢?

👀 關於高效創作指南 CreatorBoost

其實這就是一個我寫給自己的指南,紀錄我的成長,把我有興趣跟想學的東西寫出來,我希望是一年前的自己會很有興趣,想要追蹤跟分享的。

我是 Kevin,一個喜歡設計與研究各種感興趣的新東西,在追求知識上不是一個追求安定的人,如果你哪天看到我又再研究一個新的題材,請不要意外,因為那就是我。

⬇️ 如果你想更認識我,這邊有更多我的資訊

.