AI 將匹配所選Frame的color,排版,間距和佈局模式. 當您希望新頁面立即匹配文件中已有的設計系統時,請使用樣式轉移.
1. 選擇 style轉移 選項Card
打開 Prompt.to.design 插件,然後點擊頂部的 Style Transfer 標籤.此模式允許您選擇現有Frame作為視覺參考.
2. 選擇一個Frame作為您的style參考
在您的 Figma 畫布上,點擊任何具有您想要重用的style的現有Frame.這個Frame將成為您的style參考,它的color,排版,間距和組件模式將指導生成.
3.描述你想要生成的新頁面
輸入您想要的新頁面佈局的簡短描述.AI 將使用所選Frame的樣式生成頁面結構. 提示示例:
“生成酒店評論詳細Info頁面,包括帶有圖像和評級的評論.”
4. 單擊 生成 並查看預覽
單擊 生成 開始設計新頁面的樣式.當預覽出現時,您可以滾動或縮放以檢查 AI 生成的佈局.
5. 將樣式化的佈局插入 Figma
點擊 Insert to Figma 將生成的頁面放置到您的畫布中.將出現一個新Frame,與您選擇的參考Frame樣式一致且完全可編輯.
概括
通過style遷移,您可以:- 立即重用現有頁面的視覺樣式
- 保持color,字體,間距和 UI 元素一致
- 生成與您的設計系統相匹配的新頁面
- 節省手動調整視覺細節的時間