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