Instance Swap 顏色切換問題 | Figma 教學
1.8K views · 2024-07-17
UI DesignInteraction & UX
這集我們看一下, 在使用instance swap 時候, 顏色是為什麼不會跟著改變. 我們會了解到使用Flatten跟圖層命名的一制性, 來達成顏色對應切換成功. 我們也看到要是設計物件有stroke 跟 outlined, 兩者利用Flatten會有什麼的問題.
設計檔下載: https://drive.google.com/file/d/1oETlV23pO998dfPMWNN5ugsHmNOZ7jv1/view?usp=drive_link
0:00 Instance Swap 顏色切換問題
0:27 Selected Variant & 互動建立
2:56 解決方式#1: 圖層結構和命名
4:44 解決方式#2: Flatten物件
8:30 解決方式#3: Stroke和Outline物件
12:52 教學結尾
#figmaFlatten #Flatten是什麼 #outlineStroke #instanceSwap顏色 #figma教學
設計檔下載: https://drive.google.com/file/d/1oETlV23pO998dfPMWNN5ugsHmNOZ7jv1/view?usp=drive_link
0:00 Instance Swap 顏色切換問題
0:27 Selected Variant & 互動建立
2:56 解決方式#1: 圖層結構和命名
4:44 解決方式#2: Flatten物件
8:30 解決方式#3: Stroke和Outline物件
12:52 教學結尾
#figmaFlatten #Flatten是什麼 #outlineStroke #instanceSwap顏色 #figma教學