# Figma

### 快捷鍵

**I** 滴管 A 增加畫布

**空白鍵+滑鼠** 移動視角

**Alt+滑鼠** 移動複製

**Ctrl+滾輪** 縮放視窗大小

**Ctrl+D** 移動複製後可以做同軸複製

**Ctrl+G** 群組

**Shift+X** 去除底色

**Shift+Windows+S** 內鍵剪取功能

**Shift+A** 進入Autolayout模式- 排列方向與間距

---

移動物件時，若點擊內物件，就只會移動單個，若想移動整個繪圖，要按內文大標題或左側物件欄進行移動。

建議從內層開始做好，固定好需求的位置，一層一層往外製作。

## Frame和Group差異

Frame是一個畫布，可以縮放框線大小時不造成內部變形。

Group會在縮放時造成內容比例跑掉。

## 固定/約束視窗或物件

必須使用Frame開一個畫布，在點你需要移動時不會造成變形的物件，給他上下左右的constraints點選後即固定。

shift 按住選取


## Frame-Constraints應用

Ctrl是移動畫布大小

Alt是變更物件、畫布大小

Shfit是等距離移動物件、畫布大小

### 剪裁功能

移動好畫布大小後按下Clip content就會自動進行裁剪，不會造成物件消失，但只會顯示部分。


快速填圖功能

先把需要的圖片放進一個資料夾(以便選取)，在選取Place image功能進去去選取圖片，在設置好的框點一下圖就吸進去了。


若需要移動位置但能自動排列，就把整個需要的寬距都圈起來，

圓形為移動圖個別位置，橫線為間距。


### 抓取Google雲端的整理好圖庫

要先在雲端儲存好Google試算表

(原本用微軟excel上傳的是不能用的)

外掛遷入


在Figma圖塊layer編輯名稱為

### #　　欄位名稱　　.x

程式 Google試算表裡寫的名稱 亂數產生