
而梅干要跟大家來分享Figma在網頁設計上的小技巧,讓Figma也可依照Bootstrap的網格系統,進行版面的設計,至於要怎麼在Figma中,開啟Bootstrap的網格系統,有在使用Figma的朋友也一塊來看看囉!
Step1
首先進入Figma後,先建立一個Frame。

Step2
在建立好後,對著Layout grid後方的加號點一下,這時畫面就會看到粉紅色的線框。

Step3
接著點一下前方的圖示,再點左上角的下拉選單。

Step4
將模式切換為Columns後,再把Count欄位設為12,Gutter間距設為15。

Step5
都設定好後,就可以開始設計你的版面啦!!
