Figma 設計系統著陸頁是做什麼的？

概述

將完整的著陸頁簡報轉換為完成的 Figma 設計。從簡報推斷出最小且有用的頁面結構，將每個需求對應到授權的設計系統，僅在系統沒有單一匹配元件時才組成本地衍生模式，並在組合後執行自動視覺修飾流程。

此技能在 Figma 中進行設計。它不編寫 HTML、CSS、React、Next.js 或其他實作程式碼。它從不編輯或發佈源設計系統庫。

授權的視覺語言是唯一的真理來源。唯一允許的例外是：

當設計系統字型不可用時，本地套用的 Figma 字型回退；
從授權設計系統部件和 Figma 原生元件構建的本地衍生組合/元件，其視覺值綁定到設計系統樣式或變數；
當設計系統和簡報中均無合適資產時，一個空的資產佔位符。

每個例外都必須在完成報告中可見。

路由：Basalam 或自訂設計系統

在每次著陸頁執行前，在任何 Figma 或 Mobbin 操作之前，解析設計系統路由：

BASALAM_MODE：使用此套件中捆綁的 Basalam 來源。不要向使用者詢問設計系統連結或其他設計系統。
CUSTOM_DS_MODE：使用使用者提供的設計系統或已安裝的設計系統技能。
ROUTE_PENDING：使用者要求著陸頁，但品牌路由尚未明確。

如果簡報明確指出著陸頁是給 Basalam 的，則選擇 BASALAM_MODE，無需再次詢問。如果明確指定了另一個品牌或產品上下文，則選擇 CUSTOM_DS_MODE。如果都不清楚，則確切詢問：

این لندینگ برای باسلام است؟ بله / خیر

當路由為 ROUTE_PENDING 時，不要進行任何 Figma 或 Mobbin 修改。將答案限定於當前的著陸頁執行；如果簡報或品牌發生變化，則重新解析路由。

首次使用引導

路由確定後，在新對話的首次調用中，如果使用者尚未提供所有必要輸入，則在詳細問題或預檢之前發送一條簡短的路由特定訊息：

BASALAM_MODE：

برای شروع بفرست: ۱) brief ۲) نود/فریم مقصد در Figma ۳) assetهای لازم، در صورت وجود.
CUSTOM_DS_MODE：

برای شروع بفرست: ۱) brief ۲) design system یا اسکیل آن ۳) نود/فریم مقصد در Figma ۴) assetهای لازم، در صورت وجود.

如果輸入已經完整，則跳過引導並執行預檢。在使用者提供輸入後不要重複引導。僅繼續收集缺失的詳細資訊，並在前提條件仍然缺失時返回 BLOCKED 且不進行任何修改。

使用時機

當使用者想要在 Figma 中設計著陸頁，並且提供以下內容時，使用此技能：

完整的簡報及其核準的內容；
要嘛是 BASALAM_MODE（使用捆綁來源），要嘛是 CUSTOM_DS_MODE（使用一個明確、可存取的 Figma 設計系統來源）；
一個精確、可編輯的 Figma 目的地。

Mobbin 是一個可選的研究輔助工具，不是必需的輸入。如果配置了 Mobbin MCP，則在組成缺失模式之前，以唯讀方式使用它來尋找附近的 UX 模式。當確實需要 Mobbin 研究，但沒有配置、授權的 Mobbin MCP 可用時，在任何 Figma 修改之前暫停，並提供下面描述的連接選擇。在使用者選擇本地繼續之後，或者當連接的 Mobbin 沒有有用的匹配時，繼續使用此技能中的本地 UI/UX 方法。

不要將此技能用於程式碼、純文字工作、設計系統創建、來源庫維護，或沒有授權 Figma 來源和目的地的無約束視覺探索。

必要輸入

將空白、未知、待定、模糊、不可存取或衝突的值視為缺失。不要默默地選擇目的地或編造商業事實。

0. 路由

需要已解析的 BASALAM_MODE 或 CUSTOM_DS_MODE。如果路由未知，使用 ROUTE_PENDING，詢問 Basalam 問題，不進行任何修改，並等待答案。

1. 簡報

需要：

產品或服務以及提供的內容；
目標受眾、使用者問題、認知程度和重要的異議；
價值主張和支援的好處；
一個轉換目標和一個主要 CTA；
需要的已核准事實、聲明、證明、價格、法律文字和章節文案；
如果使用者有要求或禁止的章節；
語言、書寫方向、請求的斷點和視口大小；
每個預期圖片、圖示或插圖的預期角色、長寬比或內容需求。

在可用時使用提供的資產或授權的設計系統資產。缺失的視覺資產本身不會阻塞執行：它可能透過最近的允許材料或明確的空資產佔位符來解決，如下所述。

僅在簡報明確允許且提供的資訊足夠時，才草擬普通的介面文案。絕不發明聲明、證明、價格、推薦、法律語言或商業事實。

2. 設計系統來源

在 BASALAM_MODE 下，僅從以下套件相對路徑解析捆綁來源：

references/basalam-design-system/manifest.json
references/basalam-design-system/BASALAM-RULES.md
references/basalam-design-system/kit/
assets/basalam-design-system/fonts/

在 Figma 修改前，驗證清單、必要的協調檔案、相關的元件參考和字型資產。不要向使用者詢問設計系統 URL，也不要默默地替換為另一個系統。如果捆綁包缺失或未通過完整性檢查，則返回 BASALAM_DEPENDENCY_MISSING，並附上確切的缺失/損壞路徑，且不進行任何修改。

在 CUSTOM_DS_MODE 下，需要一個明確的 Figma 庫/檔案 URL 或金鑰，具有讀取權限，並且能夠識別相關的已發佈元件、變體、變數、文字樣式、表面/背景樣式，以及任何可用的圖示/資產。缺少合適的圖示或資產由 ASSET_NEAREST 或 ASSET_SLOT 處理；這本身不會使來源無效。當存在多個主題或模式時，需要指定預期的主題或模式。

如果使用者在 CUSTOM_DS_MODE 下指定了一個已安裝的設計系統技能，則將它與此技能一起載入。當且僅當技能名稱能明確解析出一個授權的 Figma 來源時，才視為足夠；否則將來源報告為缺失。

捆綁的 Basalam 來源

Basalam 路由是可攜帶的：此套件包含使用者提供的 basalam-design-system 規則、套件參考和 Dana 字型文件的版本化快照。相對於此技能套件解析它們；絕不使用個人絕對路徑，也絕不為 BASALAM_MODE 需要單獨安裝的 basalam-design-system 技能。

首先閱讀 BASALAM-RULES.md 和 kit/ 中的兩個協調檔案，然後僅載入與簡報相關的元件/令牌參考。在設計執行期間，捆綁包是唯讀的。其清單記錄了來源、快照日期、檔案大小和 SHA-256 雜湊。捆綁的字型是資源，並非自動安裝字型的權限；驗證它們在 Figma 中的可用性，並在執行環境無法看到 Dana 時套用記錄在案的字型策略。

3. Figma 目的地

需要一個 Figma 設計檔案，以及一個精確的現有目的地頁面和插入節點/框架，以節點 URL 或等效識別碼的形式提供，並具有編輯權限。當任何部分缺失時，不要建立替代檔案、頁面或目的地。

僅有檔案級別的 URL 永遠不能滿足此要求。不要選擇預設頁面、使用畫布根節點或建立插入框架。將缺失的確切頁面、插入節點/框架以及任何未經驗證的編輯權限報告為單獨的間隙。

不可協商的邊界

僅在 Figma 中工作。從不輸出實作程式碼。
直接對應的視覺元件必須有明確授權的設計系統來源的來源。
僅允許在目的地檔案中建立本地衍生組合。其視覺子元素可以是授權的設計系統實例、已發佈的變體、變數、文字樣式、表面/背景樣式、圖示、已核准的資產，以及原生 Figma 原生元件，如框架、自動佈局、文字、矩形和元件。
本地原生元件的每個視覺屬性必須綁定到授權的設計系統令牌/樣式。不允許使用硬編碼的顏色、漸層、疊加、字型大小、粗細、行高、間距、圓角、陰影、效果或任何任意的視覺值，但記錄在案的 FONT_FALLBACK 系列覆蓋除外。
本地衍生元件絕不能從授權實例中分離、發佈到來源庫，或用於默默地建立第二種設計語言。它保留在目的地內，並且其來源被記錄。
絕不使用第三方庫、外部資產、手繪圖示、複製的 Mobbin 視覺元素或外來元件。
Mobbin 結果僅作為 UX 參考。使用授權的設計系統重新詮釋它們的層次結構、互動模式和組成；不要複製其品牌樣式或匯入其資產。
當每個必需模式都是 DIRECT_MAPPED 時，不要提及或暫停等待 Mobbin。除非使用者明確要求設定幫助，否則不要代表使用者安裝或連接 Mobbin。
在 BASALAM_MODE 下，僅使用捆綁的 Basalam 來源及其經過驗證的來源。絕不能默默地回退到自訂或不相關的設計系統。
主要設計系統字型始終是首選。僅在下面的字型回退策略允許的情況下，才允許使用字型回退。
背景修飾只能使用現有的設計系統表面/背景樣式。不要建立新的漸層、疊加、顏色或背景效果。
在修飾過程中，不得更改文案、聲明、章節順序、章節數量、CTA 含義或提供的資產。
絕不編輯、發佈或修改來源設計系統庫。
在必需的前提條件、目的地、權限、內容、令牌或有效的建構計劃缺失時，絕不進行部分設計。已核准的空資產佔位符是一個明確的完成例外，而不是未報告的部分。

建構模式和狀態

在內部覆蓋圖和最終報告中使用這些術語：

DIRECT_MAPPED：使用現有的授權設計系統元件/變體。
DS_COMPOSED：在目的地中，從授權的 DS 部件和令牌綁定的 Figma 原生元件構建本地組合或本地可重複使用元件。
ASSET_NEAREST：使用來自設計系統或簡報中最近的允許資產。
ASSET_SLOT：沒有合適的資產；使用 DS 佈局/表面規則建立一個空的替換插槽。
FONT_FALLBACK：主要 DS 字型不可用，並且套用了可存取的 Figma 字型，同時保留了 DS 排版度量。
POLISH_COMMITTED：自動修飾通過了品質檢查。
ASSEMBLY_DELIVERED_POLISH_ROLLED_BACK：組合有效，但修飾在兩次嘗試後失敗並被移除。
AWAITING_MOBBIN_CHOICE：需要參考研究，Mobbin 未連接，使用者尚未選擇是否連接它或繼續本地操作；尚未進行任何修改。
MOBBIN_SKIPPED_BY_USER：在發現 Mobbin 不可用後，使用者選擇了本地 UI/UX 方法。
ROUTE_PENDING：著陸頁品牌路由未知，Basalam 問題正在等待答案；尚未進行任何修改。
BASALAM_MODE：為此著陸頁執行選擇了捆綁的 Basalam 來源。
CUSTOM_DS_MODE：為此著陸頁執行選擇了使用者提供的設計系統來源。
BASALAM_DEPENDENCY_MISSING：捆綁的 Basalam 來源或其完整性要求缺失或無效；尚未進行任何修改。
BLOCKED：無法滿足前提條件或必需的建構規則。

DS_COMPOSED、ASSET_SLOT 和 FONT_FALLBACK 是允許的、記錄在案的例外。AWAITING_MOBBIN_CHOICE 和 ROUTE_PENDING 是暫停，而非 BLOCKED。BASALAM_DEPENDENCY_MISSING 是一個預檢停止點，不進行任何修改。這些狀態並不授權任意的自訂樣式。

原子預檢閘

在任何修改 Figma 的操作之前，執行一次完整的唯讀預檢。建立檔案、頁面、框架、節點、元件、實例、佔位符或部分章節都算作修改。

在任何 Figma 讀取或寫入操作之前載入 figma:figma-generate-design 和 figma:figma-use。在 BASALAM_MODE 下，在解析元件之前載入捆綁的 Basalam 規則並驗證其清單；在 CUSTOM_DS_MODE 下，在解析來源之前載入指定的設計系統技能。

共同驗證以下所有內容：

路由已解析。在 BASALAM_MODE 下，捆綁的清單、必需的參考和字型資產存在且有效；在 CUSTOM_DS_MODE 下，使用者提供的設計系統來源明確且可存取。
簡報包含所需的事實、已核准的內容、CTA、語言/方向和中斷點要求。
目的地檔案、頁面、插入節點、檔案類型和編輯權限有效。
可以推斷出著陸頁結構，而無需編造商業事實。
每個選擇的章節、斷點和要求的狀態要嘛是 DIRECT_MAPPED，要嘛有有效的 DS_COMPOSED 計劃。
每個 DS_COMPOSED 計劃都可以從授權的 DS 部件和令牌綁定的原生 Figma 原生元件構建，無需新的令牌、樣式、元件庫編輯或外部資產。
每個預期的資產都有以下結果之一：提供的/授權的資產、ASSET_NEAREST 或 ASSET_SLOT。
主要 DS 字型對每個需要的腳本、粗細和樣式都可用；或者已識別出一個有效的可存取 Figma 回退候選項。
確定是否需要 Mobbin 研究。當每個必需模式都是 DIRECT_MAPPED 時，記錄 MOBBIN_NOT_NEEDED。否則記錄 MOBBIN_USED、MOBBIN_SKIPPED_BY_USER、MOBBIN_ERROR、MOBBIN_NO_MATCH 或 LOCAL_UX_METHOD。如果需要 Mobbin 但不可用，且使用者尚未選擇路徑，則在返回 READY 之前，使用下面的 Mobbin 連接選擇。

在修改前建立一個覆蓋表：

…

[因原文截斷而省略]

Figma 設計系統著陸頁