[Day13] 12. Figma 基本操作（八）：屬性區 - export - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2024 iThome 鐵人賽

DAY 13

0

IT 管理

前端工程師＆UI 的30天約會：教會猴子用Figma！系列第 13 篇

[Day13] 12. Figma 基本操作（八）：屬性區 - export

16th鐵人賽

團隊擁有夢想的鐵人猴子隊

2024-09-25 19:20:07

152 瀏覽

分享至

過去前端工程師在刻畫面時，需要由設計師匯出一包設計素材庫供切版使用，
現在 Figma 的共同協作讓所有專案成員都能自由匯出檔案，
今天我們來聊聊該怎麼使用 Figma 的匯出資源工具。

匯出資源 Export

當選定要匯出的元件、圖層或框架後，在屬性區的最下方找到 Export ，
點擊右邊 + 符號就會展開匯出功能，如下圖

尺寸 Size：可以通過倍數設定匯出尺寸大小，範圍介於 0.25x 至 1024x 之間；亦可指定物件的高度 H 或寬度 W （擇其一）等比例計算尺寸。
後綴/尾詞 Suffix：可在匯出物件的名稱末端加上後綴/尾詞，增加辨識度。
格式 Format：Figma 支援匯出的檔案格式有 PNG、JPG、SVG 和 PDF 。
匯出預覽查看 Preview：在匯出按鈕下方，可以展開預覽功能，方便查看所有選定的物件或區域。
刪除：若預覽後想刪除原本預備匯出的項目，可點擊 + 旁邊的 - 圖示即可。

[Day12] 11. Figma 基本操作（七）：屬性區 - Design & Prototype

[Day14] 13. Figma 基本操作（九）：屬性區 - Frame

系列文

前端工程師＆UI 的30天約會：教會猴子用Figma！共 30 篇

目錄

RSS系列文訂閱系列文

4 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22198 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙