輪廓化描邊你需要的元素 然后使用插件 Fill Rule Editor 轉換為 Non-zero rule 即可！ ...

視圖 作用 WINDOWS MAC 窗口切換到Home Ctrl + 1 Cmd + 1 ...

Frame = <div> Frame 就類似 HTML 中的 div, 它和形狀 rectangle 特性上蠻相識的, 但是使用場景其實差很多, 所以不要搞錯哦. (除了圖片很少會用到 rectangle 的) Keyboard F 或者右上角選 Frame 就可以畫出一個 ...

Figma 畫 Border 其實還挺難的 4 邊框 可以用 build-in 的 Stroke 實現 注: border 是在內部的, 和 HTML 一直 Border Top, Right, Bottom, Left 如果只想要其中 1 的話, Stroke 就不 ...

Figma 有幾個常用的對齊方法 從左到右 1. 左對齊 Alt + A 2.左右居中對齊 Alt + H 3.右對齊 Alt + D 4.上對齊 Alt + W 5.上下居中對齊 Alt + V 6.下對齊 Alt + S ...

用途 Constraints 用於 responsive design, 子元素和父元素建立約束關系后, 當父元素 dimension 變換的時候, 子元素會做出相應的變化 (移動位置或 resiz ...

用途 Auto Layout 有點像 CSS 的 Flex, 它還帶有 responsive 的概念.使用它以后可以替代掉不少 constraints 的寫法. 用法 一個 parent 抱着多個 children 設置橫向或縱向 (只能一個方向) 設置 children ...