---
# System prepended metadata

title: Adobe XD 線上標示文件操作

---

# Adobe XD 線上標示文件操作



## 如何顯示標示內容
### 點選到右側的 </> 切換到檢視模式

![](https://i.imgur.com/rKmWloD.png)

![](https://i.imgur.com/XZUXWFF.gif)

## 感覺 Size 好像缺了點
### 可能是右上角沒有顯示 100%

(如果筆電螢幕較小，切換成 100% 沒辦法看到全部，可以先點擊設計稿，然後兩指在觸控板上平移，如果是使用滑鼠的話需要按住空白健並搭配滑鼠左健來平移)

![](https://i.imgur.com/EVcc7D6.gif)

### 依據不同螢幕大小設置適合的 Size
不同裝置裡各種縮放比例對應的 Size 會有所不同，可在右上角調整縮放比例的地方點擊"向下箭頭 icon 圖標"透過下拉選單將縮放比例調整為適合，調整完畢後就會將縮放比例調整為適合的 Size

![](https://i.imgur.com/TUpakY3.jpg)



## 抓元素跟元素之間的距離
### 卡斯伯老師有提到，點選元素後，按住 alt 再點其他的就可顯示

或是點選一個元素，再把滑鼠移動到想測距離的元素上

![](https://i.imgur.com/0cXPTIL.gif)

![](https://i.imgur.com/x54xEZk.gif)


## 下載圖片

點擊想下載的圖片，在右側會出現資源的欄位，以及有下載的按鍵，點擊下載後會是 zip 檔，解壓縮後就有圖片的 png 檔了



![](https://i.imgur.com/4s23TMY.gif)

## 下載整張設計稿

如果想下載整張設計稿圖片，後勤組 Jimmy 寫了份[教學](https://hackmd.io/NyH2q_VtR-eG9OmxnIAOTQ?view)




## 觀看文字大小與行距

以設計稿的「個人資料」文字為例，點選「個人資料」，在右側選單中的樣式欄位就會有相關的文字樣式，滑鼠停留在小圖示上就會顯示他是文字間距、行間距或是段落間距

![](https://i.imgur.com/h2eiBP2.png)


![](https://i.imgur.com/9Sb5c5d.png)

另外點擊一下內容欄位中的文字就可以複製整段文字了

![](https://i.imgur.com/1NQDsaz.png)

### 行距補充

更：行距有時會和元素上標示的高度不一致，設定行高以右方標示為主，元素上的高度由 Adobe XD 產生，較不準確

以附圖為例，正確行高為 36px，非 28px

![](https://i.imgur.com/e3Tfa4t.png)


## 觀看動態 ( hover ) 效果

點選右邊欄位第一個可檢視動態效果
![](https://i.imgur.com/3aOCxg4.png)








## 感謝牆
>  謝謝 這篇文章，幫助我很多~ [name=洧杰]

>  花了一個研究，終於研究出來了，謝謝後勤組~ [name=OMI]
>  原來有複製貼上內容這個選項，之前都傻傻的打！感謝分享~[name=jason06286]


