Tagged

Figma Doc

A collection of 9 posts

Figma Doc

10. 導出

Guide to exports in Figma 誰可以使用此功能・支持任何團隊或計劃。 ・任何至少可以查看文件訪問權限的人都可以添加導出設置和導出資產。 當您準備好與世界分享時,從 Figma 導出您的設計。導出設置讓您可以自定義 Figma 導出資源的方式。這允許您定義要導出的內容以及導出方式。 將導出設置添加到您的選擇時,設置格式和任何相關設置。 Tips!您還可以在設計工具之間複製圖層、對象、組或框架。我們建議在工具之間複製和粘貼這些資產。了解如何在工具之間複製資產 →Learn how to copy assets between tools →. 導出格式 導出為 PNG 便攜式網絡圖形 (Portable Network Graphics) PNG 是一種光柵圖形或位圖圖像格式,通常用於在 Internet 上傳輸圖像。在位圖圖像中,每個像素或“位”代表一種顏色。這些位在“地圖”上呈現以構成完整的圖像。

Figma Doc

09. 導入

Getting Started with Imports 誰可以使用此功能・任何計劃的用戶都可以導入文件 ・具有編輯權限(Edit access)的用戶可以將文件導入團隊。任何人都可以將文件導入到他們的草稿中。 具有編輯權限(Edit access)的用戶可以將圖像或矢量文件導入到文件中 在工具之間移動文件不需要很麻煩。您可以將一系列不同的文件類型導入 Figma。 包括來自 Sketch 或 Figma 的整個設計文件,以及單獨的圖像和矢量文件。 有許多不同的方法可以將文件導入 Figma。最好的方法取決於您要導入的文件類型。 導入: ・圖片Images ・來自其他設計工具的矢量Vectors from other design tools ・來自 Sketch 的整個設計文件Entire design files from Sketch ・來自 Figma 的設計文件Design files from Figma 下表詳細說明了每種文件類型支持哪些方法 導入圖像有很多方法可以將圖像添加到 Figma

Figma Doc

08. 在編輯器中調整視圖設置

原文:Adjust your view settings in the Editor 誰可以使用此功能・任何團隊或計劃中的用戶。 ・具有可以查看文件訪問權限 (can view)的用戶可以調整其查看設置。這些設置適用於您的文件視圖。 可以在“視圖設置” (View Settings)菜單中自定義編輯器首選項。可以通過單擊編輯器右上角的縮放下拉菜單來找到它 從這裡可以切換全局設置 (Global settings),例如查看佈局 (Layout)或像素網格 (Pixel Grids)和多人遊戲光標。還可以在此處找到縮放設置 (zoom settings)。 此列表中的每個設置都可以關閉或打開。如果設置旁邊有一個勾號,則它當前已啟用。如果沒有檢查,則它當前被禁用。 然後,可以單擊菜單中的設置以啟用它。 縮放設置 (Zoom Settings) Tips!了解如何調整 Figma 桌面應用程序界面的比例。如果在瀏覽器中使用 Figma,請使用瀏覽器的縮放設置來調整界面的大小。

Figma Doc

07. 選擇圖層和對象

原文:Select layers and objects 誰可以使用此功能 ・任何計劃的用戶 ・對文件具有查看或編輯權限的(View or edit access)用戶可以在畫布或圖層面板中選擇對象 在更新與對像或圖層關聯的任何屬性之前,需要先選擇它。我們將介紹選擇對象的所有基礎知識,以及一些技巧和竅門。 選擇單個圖層(individual layers) 可以在畫布或從圖層面板中選擇圖層,單擊畫布中的對像以選擇它。 選擇嵌套層(nested layers) 如果處理更複雜的設計,您可能將對象嵌套在組(groups)或框架(frames)中。 我們將嵌套對象稱為子對象(children),將它們嵌套在其中的框架或組稱為父對象(parents)。了解有關parent, child and sibling relationships 當單擊屬於組或框架的對象時,將默認選擇父對象。 雙擊對象 - 或按回車鍵("Enter") - 選擇一層嵌套。重複此過程,直到選擇正確的子元素。

Figma Doc

05. Figma的層級對象關係

原文:Parent, child and sibling relationships 誰可以使用此功能・任何計劃的用戶 ・此處概述的概念適用於任何訪問級別(any level of access)。這些術語不是 Figma 特有的,但它們將幫助您理解 Figma 中的一些行為和依賴項。 我們使用術語 Parent、Child 和 Sibling 來描述 Figma 中對象之間的關係。 這些術語通常用於解釋 Web 開發或編程中的類似關係。 在本文中,將闡明使用這些術語時的含義。 如果您有面向對象編程 (OOP) 的背景,那麼這些關係就會有所不同。 Figma 中的父/子關係與繼承並不真正相關。 在 Figma 中,這些關係的功能更像是文檔對像模型 (DOM)。也就是說,裡面有元素的容器。 Parents children and siblings

Figma Doc

03. 設計、原型制作和檢查代碼(右側欄)

原文:Design, prototype, and inspect (right sidebar) 誰可以使用此功能 ・任何團隊或計劃中的用戶・具有文件編輯權限(can edit)的用戶可以訪問所有屬性面板・對文件具有查看權限(View access)的用戶只能訪問代碼(Code)部分 當在編輯器(editor)中時,在畫布的每一側可以看到一個側邊欄。這些側邊欄與工具欄(Toolbar)一起構成了 Figma UI。 Figma UI 允許您訪問、創建和調整設計元素。 ・左側邊欄可訪問文件中包含的圖層、資產和頁面。我們稱之為圖層面板。了解有關導航“圖層”(Layers panel)面板的更多信息。・右側邊欄的“設計”選項卡可讓您查看和調整任何對象的屬性。您還可以訪問文件的原型設置並在“檢查”面板(Inspect panel)中查看任何選定對象的代碼。 在本文中,

Figma Doc

04. 工具

Figma Document: Access design tools from the toolbar 誰可以使用此功能 ・任何團隊或計劃中的用戶都可以訪問編輯器中的工具欄 ・具有編輯(can edit)權限的用戶能使用工具欄中的所有功能,具有可查看(can view)權限的用戶可以使用工具欄中的某些功能 工具欄包含在 Figma 中可能會使用的各種工具和功能。工具欄中顯示的內容取決於在畫布(Canvas)上選擇的內容。 訪問 Figma 屏幕頂部的工具欄 菜單 (Menu)單擊菜單圖標可訪問主菜單。該菜單包含 Figma 的搜索功能和菜單中的各種其他功能 Figma菜單欄的圖標按名稱搜索,或分類瀏覽(例如文件、編輯、查看等)。如果嘗試執行的功能有鍵盤快捷鍵,Figma 會在設置旁邊列出它 ・返回文件Back to Files:在當前位置打開文件瀏覽器 ・文件File:執行文件級權限,包括導入和導出 ・編輯Edit:訪問撤消/

Figma Doc

02. 圖層、頁面和組件(左側邊欄)

View layers, pages and components (left sidebar) 誰可以使用此功能 ・任何團隊或用戶 ・有可編輯權限(can edit)的用戶可以對圖層面板的各個方面進行交互及編輯操作 ・具有查看權限(can view)的用戶只能查看圖層列表,不能進行編輯操作 Figma UI 允許訪問、創建和調整設計元素 右側的邊欄允許查看和調整任何對象的屬性。還可以訪問文件的原型(Prototype)設置並查看任何選定對象的代碼(Inspect)。我們將其稱為“屬性”面板(Properties panel) 左側的側邊欄可訪問文件中包含的圖層(layers)、資產(assets)和頁面(pages)。我們稱之為圖層面板(Layers panel)。 在本文中,我們將使用左側的側欄:“圖層”面板讓您快速上手。 打開圖層面板“圖層”面板頂部有三個標題。您可以使用它們在每個選項卡之間切換,或使用鍵盤快捷鍵: