Slot • Figma 教學
1.8K views · 2026-04-16
UI DesignInteraction & UX
今天這集我們來看一下Figma 推出的 Slot功能。 Slot 像是插槽的概念，就想像在設計上，預留個空地，可以方便插入任何的Component組件設計。
____________________________________________________
【參考連結】
Figma Slot: https://www.figma.com/blog/supercharge-your-design-system-with-slots/
____________________________________________________
【章節】
00:00 主題前言
00:26 簡單的範例
01:58 Slot: Frame建立
05:50 Slot: Auto layout建立
09:31 複雜些範例
12:31 Preferred Instances
14:43 Slot裡物件調整
16:48 用Slot當模板設計
21:13 Instance Swap vs. Slot
27:01 結尾
---------------------------------------------------------
支持我在Ko-fi (美金單位): https://ko-fi.com/alandesign
我的IG: https://www.instagram.com/yt.alan.design/
#FigmaSlot #Slot設計 #Figma教學
____________________________________________________
【參考連結】
Figma Slot: https://www.figma.com/blog/supercharge-your-design-system-with-slots/
____________________________________________________
【章節】
00:00 主題前言
00:26 簡單的範例
01:58 Slot: Frame建立
05:50 Slot: Auto layout建立
09:31 複雜些範例
12:31 Preferred Instances
14:43 Slot裡物件調整
16:48 用Slot當模板設計
21:13 Instance Swap vs. Slot
27:01 結尾
---------------------------------------------------------
支持我在Ko-fi (美金單位): https://ko-fi.com/alandesign
我的IG: https://www.instagram.com/yt.alan.design/
#FigmaSlot #Slot設計 #Figma教學