品牌型號:聯(lián)想GeekPro 2020
系統(tǒng):Windows 10 64位專業(yè)版
軟件版本:Figma入門版
作為一款輕量級的矢量產(chǎn)品設計軟件,Figma擁有高效而友好的操作界面,同時也提供了優(yōu)秀的團隊協(xié)作編輯功能,讓產(chǎn)品的編輯設計效率更高、更專業(yè)。更讓人驚喜的是,F(xiàn)igma可在線使用,無論是Windows系統(tǒng),還是Mac系統(tǒng),均可通過打開Figma網(wǎng)頁的方式在線設計產(chǎn)品。接下來,本文會介紹Figma如何導出整個畫板,F(xiàn)igma如何導出Figma源文件的相關內(nèi)容。
一、Figma如何導出整個畫板
Figma的導出功能可滿足各種產(chǎn)品設計的需求,不僅能導出JPEG、PDF、PNG等文件格式,也能將整個畫板的元素都導出來。接下來,讓我們一起來看看Figma如何導出整個畫板。
首先,如圖1所示,點擊Figma左側草稿功能的添加按鈕,選擇添加“Figma畫板”。
圖1:新建畫板
創(chuàng)建了Figma畫板,并在畫板上完成產(chǎn)品的設計后,如圖2所示,展開Figma左上角的菜單功能,點擊文件菜單,選擇“導出為”功能。
圖2:選擇圖片
在Figma的導出功能中,如圖3所示,可依次指定導出的文件類型、背景、范圍等。其中可導出的文件類型包括PNG、JPG、PDF、CSV。
圖3:導出設置
如果選擇導出PNG格式圖片,如圖4所示,可將圖片背景設置為網(wǎng)格、透明或純色。比如在設計圖標時,常會選擇導出透明背景的PNG格式圖片。
圖4:導出背景
如果是選擇導出JPG格式圖片,如圖5所示,還可以對導出的圖片質量進行設置,其質量選項包括高、中、低。質量越高,圖片畫質越好,相對而言文件也越大。
圖5:導出質量
最后,通過設置導出范圍選項可以指定導出的元素,其中包括僅導出所選對象以及導出所有文件兩個選項。如果要導出整個畫板,需選擇導出所有文件。
圖6:導出范圍
二、Figma如何導出Figma源文件
除了將畫板中的元素導出為JPG、PDF等文件格式外,F(xiàn)igma也能將源文件導出到本地電腦中,供分享或保存使用。下面讓我們詳細了解一下Figma的文件保存功能。
如圖7所示,展開Figma左上角的菜單功能,打開文件,可通過保存本地副本、保存至歷史版本、導出元素圖片到本地等方式導出Figma源文件。
圖7:工具欄項目
?1.保存本地副本
如果使用的是Figma在線版功能,本地電腦未能保存源文件,可通過保存本地副本的方式,將源文件導出到本地設備中。Figma源文件的格式為Fig。
圖8:導出本地副本
2.保存至歷史版本
如果文件修改的版本比較多,可通過“保存歷史版本”功能,將不同時期修改的文件保存為歷史版本。比如,如圖9所示,將新添加三角形圖形的文件保存為v1.1版本。
圖9:保存歷史版本
保存后的歷史版本,如圖10所示,可在Figma的版本歷史面板查看與打開。
圖10:查看歷史版本
3.導出元素圖片到本地
如果要單獨導出設計面板中的元素,可通過設置元素的導出選項進行相關操作。如圖11所示,先在設計面板中選擇需導出的元素,然后在右側設計面板中點擊導出選項右側的“+”按鈕,添加導出預設。本例將預設設置為導出原倍的JPG圖片,圖片質量設置為高。
圖11:添加導出設置
完成以上設置后,應用Figma的導出功能。如果選擇的是組,導出面板會出現(xiàn)組內(nèi)的元素選項,可指定導出所有元素或僅導出所選元素。
圖12:導出元素圖片
三、小結
以上就是關于Figma如何導出整個畫板,F(xiàn)igma如何導出Figma源文件的相關內(nèi)容。Figma可通過導出功能,將Figma源文件導出到本地設備中,或將不同時期編輯的文件保存為歷史版本。如果要分享現(xiàn)成的文件,可選擇導出JPG、PNG、PDF等文件,兼容性更強。
承擔因您的行為而導致的法律責任,
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。