基于模板快速搭建頁面結構模板類型，通用模板首頁hero區 + 功能模塊 + 資訊列表、404頁面、聯系我們頁，業務模板商品詳情頁圖片輪播 + 規格選擇 + 購買按鈕、教育類的“課程列表頁”篩選欄 + 課程卡片。

操作步驟從模板庫選擇最接近需求的頁面，如 “新聞詳情頁” 模板替換文本圖片等內容，調整組件順序將評論區 從底部移至側邊，復用模板中的交互邏輯，如返回頂部按鈕的動效。

創建組件變體應對差異化需求，當基礎組件無法完全匹配需求時，通過變體快速調整而非新建組件，基礎按鈕為主色填充變體可定義，描邊按鈕幽靈按鈕小尺寸按鈕。

卡片組件變體帶陰影卡片無邊框卡片，信息流卡片左圖右文，在Figma中用組件屬性批量管理變體，一鍵切換樣式、前端組件生成可交互的變體文檔供開發直接調用代碼。

利用自動布局約束功能快速適配，響應式設計提效在Figma中對組件啟用，自動布局調整父容器大小時，子組件如按鈕、圖標會按規則自動排列如水平居中、等距分布對圖片組件設置約束，確保縮放時不拉伸變形固定寬度，高度自動適配效果，設計移動端頁面時，只需基于PC端組件調整布局規則，無需重新設計每個元素。