iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
IT 管理

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

在這個系列中,將會深入探討如何透過 Figma 實現設計與開發的協作。我們將從淺至深,從小元件到最終實現完稿,一步步地演示如何利用 Figma 工具,促進設計師與工程師們的合作。

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文 團隊擁有夢想的鐵人猴子隊
DAY 21

[Day21] 20. Figma Dev Mode - 快速鍵(下)

承上篇整理了 Tools 和 View 的快速鍵,今天將接續 Zoom 和 Copy 的部分。 Zoom 聚焦/縮放 縮放功能是最常被問到的問題,之前的章節有講...

2024-10-03 ‧ 由 percev_shih 分享
DAY 22

[Day22] 21. 當我們同在 Figma 裡 (上)

講了這麼多 Figma 共同協作的功能和使用技巧,卻一直沒有提到具體大家可以怎麼在 Figam 中互動,今天就來聊聊在合作時我們都是怎麼樣透過 Figma 溝通...

2024-10-04 ‧ 由 percev_shih 分享
DAY 23

[Day23] 22. 當我們同在 Figma 裡 (下)

上篇提到了游標顯示、發言評論和即時聊聊的用法,本篇將介紹觀察模式和語音的功能,不論是居家辦公或是平常在辦公室上班都非常的方便好用! 觀察模式 Spotlight...

2024-10-05 ‧ 由 percev_shih 分享
DAY 24

[Day24] 23. 終於輪到你了!初探 FigJam

整體來說 Figma 是專案輪廓大致確定後所使用的開發工具,而 FigJam 的出現就是專案前期大家還在集思廣益、搜集資料和調查統整時的好幫手。作為 Figma...

2024-10-06 ‧ 由 percev_shih 分享
DAY 25

[Day25] 24. FigJam 基本操作(一)

FigJam Board 在 Figma 首頁右上角按一下 creat new 按鈕或是直接在標籤列新增分頁,選擇 FigJam Board 就可以新增一個 F...

2024-10-07 ‧ 由 percev_shih 分享
DAY 26

[Day26] 25. FigJam 基本操作(二):協作工具 - 上篇

FigJam 的提供了一系列功能強大的編輯工具,共有四個分類:(由左至右介紹 A - D) A. 移動/手形 Select tool 和 Hand tool:選...

2024-10-08 ‧ 由 percev_shih 分享
DAY 27

[Day27] 26. FigJam 基本操作(三):協作工具 - 中篇

承上篇,今天我們將看看 C 區的工具。 C. 文字/工作區域/表格/印章 Text 文字:擁有調整顏色、基本功能設定外,點擊 Start a mind ma...

2024-10-09 ‧ 由 percev_shih 分享
DAY 28

[Day28] 27. FigJam 基本操作(四):協作工具 - 下篇

如果前面介紹的工具功能都不符合你的需求,那麼在工具列 D 區(最右邊的小圖示和+)或許能夠滿足你! D. FigJam 資源總匯 點擊小圖示或+便會展開 Fi...

2024-10-10 ‧ 由 percev_shih 分享
DAY 29

[Day29] 28. FigJam 基本操作(五)

最後要來談談 FigJam 介面右上方的功能區由左而右依序是: 顯示協作者和觀察者:和 Figma 一樣有 Spotlight 關注他人畫面的功能。 2....

2024-10-11 ‧ 由 percev_shih 分享
DAY 30

[Day30] 最終章:謝謝所有讓工作變得更有趣的你們

《一個拖延症患者的30天奇蹟》 身為拖延症重度患者,在這段時間每天都戰戰兢兢,寫文時都會問自己當初哪來的自信參加,很害怕自己是那顆老鼠屎,讓隊員們的努力功虧一簣...

2024-10-12 ‧ 由 percev_shih 分享