下拉選擇視窗 | Figma 教學

這集我們繼續上集的 “加入購物車製作”, 我們來製作一個 下拉選擇視窗 的UI製作. 我們會用到 Open Overlay 和 Vertical Scroll 來達成這效果.

多重下拉選單教學: https://youtu.be/E_QmSlpxbKo

設計檔: https://drive.google.com/file/d/1zCnI7tMzmPiF03VcfUZA-CDzfOjTS6fE/view?usp=sharing

支持這頻道: https://ko-fi.com/alandesign

---------------------------------------------------------------------------------------------------------

0:00 設計介紹
0:26 下拉視窗按鈕
11:15 下拉視窗 Open Overlay
13:24 下拉視窗 局部滑動
15:30 視窗其他設定
16:39 滑動Reset
18:38 選則更新至購物車
20:09 為何使用 Open Overlay?
21:34 設計結尾

---------------------------------------------------------------------------------------------------------

#下拉選擇視窗 #dropdownlist #figma教學 #figmaOpenOverlay