Adobe XD 線上標示文件操作

如何顯示標示內容

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

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

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

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

如果想下載整張設計稿圖片，後勤組 Jimmy 寫了份教學

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

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

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

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

點選右邊欄位第一個可檢視動態效果

2021/07/08 16:50:55

這邊看不懂 (Edited)

2022/06/02 09:15:06

看不懂+1 (Edited)

2022/06/07 02:10:22

點了沒hover效果，這份設計稿有做動態效果嗎？ (Edited)

2022/06/18 15:10:42

同問～是這份沒有動態效果嗎？ (Edited)

2023/07/01 14:52:10

這段怪怪的......那個按鈕是看留言吧？ (Edited)