Dark Mode 製作 - Local Variables | Figma 教學
1.8K views · 2023-07-26
UI Design
這集我們來看一下利用Figma新推出的功能. Local Variables. 來建立一個 Dark/Light Mode 的切換裝置.
Figma 設計檔下載: https://drive.google.com/drive/folders/1GYUhUYVCGbBwZT7gO6BeYeKs9-AUTDU9?usp=sharing
---------------------------------------------------------------------------------------------------------
0:00 開始介紹
0:17 UI 建立
4:40 Local Variables 設定
8:38 New Collection 建立
15:51 Light/Dark Mode 切換
19:35 為何拆分底色和Theme
21:50 結尾
---------------------------------------------------------------------------------------------------------
#DarkMode #LocalVariables #LocalVariables教學 #figma教學
Figma 設計檔下載: https://drive.google.com/drive/folders/1GYUhUYVCGbBwZT7gO6BeYeKs9-AUTDU9?usp=sharing
---------------------------------------------------------------------------------------------------------
0:00 開始介紹
0:17 UI 建立
4:40 Local Variables 設定
8:38 New Collection 建立
15:51 Light/Dark Mode 切換
19:35 為何拆分底色和Theme
21:50 結尾
---------------------------------------------------------------------------------------------------------
#DarkMode #LocalVariables #LocalVariables教學 #figma教學