iT邦幫忙

2024 iThome 鐵人賽

DAY 9
0
IT 管理

前端工程師&UI 的30天約會:教會猴子用Figma!系列 第 9

[Day09] 8. Figma 基本操作(四): 工具列 - 下篇

  • 分享至 

  • xImage
  •  

昨天介紹了基本工具欄,接下來將聊聊中間和右側的一些按鈕
中間的部分的工具需要先在畫布區產生任一個物件(可以是 Frame、Text、Group 或插入的圖片等)並選取,根據物件屬性會出現一些對應的功能

  • 元件工具 Create Component:可以將設計好的物件轉變成元件
  • 遮色片 use as mask:顯示或引層圖層的特定區域
  • 布林運送和擴展對象:可以運用連集 union selection、減去 subtract selection、交集 intersect selection、排除 exclude selection、合併 flatten selection 這些布林運算來進行元件設計

最後右側有
https://ithelp.ithome.com.tw/upload/images/20241005/201667466cRZU05ozd.png

  • 顯示協作者和觀察者
  • 共享功能:可由此來加入協作者和觀察者以及管理檔案人員權限
  • 模式切換:分為 Design 設計模式 和 Dev Mode 開發模式
  • 資源庫:自己或其他團隊的元件庫都可在這裡加入,包含最新版本通知
  • 播放 play:若有產出prototype,可以按此來進入播放模式,也可以選擇播放路徑

上一篇
[Day08] 7. Figma 基本操作(三):工具列 -上篇
下一篇
[Day10] 9. Figma 基本操作(五): 頁面選單和圖層區
系列文
前端工程師&UI 的30天約會:教會猴子用Figma!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言