今日的「網站設計」課程繼上週介紹figma工具後，迎來了大進階！首先講師找了幾個網站讓同學們觀察網站的架構、路徑、及視覺效果，一般滑手機時不會特別注意的排版及使用經驗，突然被放大檢視，同學們才發現原來網頁設計如此重要！
而後講師講述Figma裡面的組件兩元素，分別是「主元件」及「子元件」，講師貼切地將其比喻「爸爸」和「兒子」，通常主元件會留存，而子元件會散佈在各個設計畫面裡頭，若需要大量修改，就能達到統一更改的功能，以提升效率達成快速修改之目的！接著講師介紹了Auto Layout，這功能堪稱是Figma最好用方便的功能，可以根據內容物，自動作延伸，例如選擇「Fill width」即可等比例變動，選擇「Fixed width」就可固定特定寬度，若頁面小於所選寬度時，可點選裁切功能將超過的範圍隱藏，等頁面放大至超過所選寬度時，頁面又會自動恢復正常比例，也可以將元素跟元素之間的間距固定，真的超級神奇！
講師也講述了如何創建色彩及文字樣式，套用這些屬性後，只要更改屬性，使用該屬性之所有元素都會立即更新！最後講師簡單操作了一些網頁上隨處可見的圖片搭配文字之方塊，只要動動手指，便出現了千變萬化的組合設計，學會了這些排版及元件製作，下週就要實際操作完整的網站設計流程了，同學們都又驚又喜躍躍欲試！