跳轉到主要內容
style轉換允許您生成全新的頁面,同時保持現有 Figma Frame的視覺style
AI 將匹配所選Frame的color、排版、間距和佈局模式。
當您希望新頁面立即匹配文件中已有的設計系統時,請使用樣式轉移

1. 選擇 style轉移 選項Card

打開 Prompt.to.design 插件,然後點擊頂部的 Style Transfer 標籤。
此模式允許您選擇現有Frame作為視覺參考。
Open the plugin and select the Style Transfer tab

2. 選擇一個Frame作為您的style參考

在您的 Figma 畫布上,點擊任何具有您想要重用的style的現有Frame。
這個Frame將成為您的style參考,它的color、排版、間距和組件模式將指導生成。
單擊一個Frame以設置為樣式參考 選定的Frame用作樣式參考

3.描述你想要生成的新頁面

輸入您想要的新頁面佈局的簡短描述
AI 將使用所選Frame的樣式生成頁面結構。
提示示例:
“生成酒店評論詳細Info頁面,包括帶有圖像和評級的評論。“
輸入新頁面的提示,同時保持所選的style

4. 單擊 生成 並查看預覽

單擊 生成 開始設計新頁面的樣式。
當預覽出現時,您可以滾動或縮放以檢查 AI 生成的佈局。
查看生成的頁面預覽

5. 將樣式化的佈局插入 Figma

點擊 Insert to Figma 將生成的頁面放置到您的畫布中。
將出現一個新Frame,與您選擇的參考Frame樣式一致且完全可編輯。
將style化的佈局插入 Figma 作為新的可編輯Frame

概括

通過style遷移,您可以:
  • 立即重用現有頁面的視覺樣式
  • 保持color、字體、間距和 UI 元素一致
  • 生成與您的設計系統相匹配的新頁面
  • 節省手動調整視覺細節的時間
樣式傳輸非常適合在同一產品中構建多個頁面或在不同內容類型中重複使用強大的視覺樣式。