iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
IT 管理

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

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

參賽天數 14 天 | 共 14 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊擁有夢想的鐵人猴子隊
DAY 11

[Day11] 10. Figma 基本操作(六):畫布區

設計師在交付設計稿時,除了基本架構頁面外,更多的是需要依據功能陳列畫面、攤出互動細節和流程等輔助工程師開發的呈現(如下圖),工作中遇過比較資深或從來沒接觸過(也...

2024-09-23 ‧ 由 percev_shih 分享
DAY 12

[Day12] 11. Figma 基本操作(七):屬性區 - Design & Prototype

屬性區主要用來查看和調整物件的屬性,還可以在此設計 Prototype 、匯出檔案和查看 Dev Code 等進階功能,本章將一一介紹屬性區的功能。 屬性區頂部...

2024-09-24 ‧ 由 percev_shih 分享
DAY 13

[Day13] 12. Figma 基本操作(八):屬性區 - export

過去前端工程師在刻畫面時,需要由設計師匯出一包設計素材庫供切版使用,現在 Figma 的共同協作讓所有專案成員都能自由匯出檔案,今天我們來聊聊該怎麼使用 Fig...

2024-09-25 ‧ 由 percev_shih 分享
DAY 14

[Day14] 13. Figma 基本操作(九):屬性區 - Frame

屬性區其實還會隨著工具和物件狀態不同而有對應的顯示,先前在介紹工具列的章節有稍稍提到 Frame 框架工具,其實除了可以自定義框架大小外,Figma 還有內建的...

2024-09-26 ‧ 由 percev_shih 分享