三週地圖與用法：提案是一步一步「長」出來的
接下來三週（W6–W8），你要把一份標案 RFP 一步一步「長」成可以拿去期中提案的整套內容。每一步都用 AI 助理或 Figma Agent 完成：你負責把需求講清楚、驗收、修正；AI 負責產出草稿。
這三週的講義怎麼用：四個動作循環
不用等全部做完才換成自己的題目。現在就在最上方填專案名稱，每個工作台的預覽與指令都會立刻換成你的。沒填的欄位會用示範案例「島嶼新浪潮」的內容，方便你先看懂流程。
提案成長圖：三週結束時，你會有這 12 份素材
每一關最下方有「成果收件匣」。存進去的內容會顯示在這張圖，三週後可以一鍵匯出，成為期中服務建議書與簡報（UNIT 08）的原料。
開工前檢查
準備工具與題目（5 項）
讀懂 RFP：把標案變成需求理解摘要
RFP 是業主的考卷。這一步沒做好，後面每個 Stage 都會偏掉。
示範案例：島嶼新浪潮（政府標案模擬）
新台幣 180 萬元、工期 120 天。目標：打造能帶動地方觀光與文化能見度的入口網站。
RWD 響應式、WCAG AA 無障礙、互動地圖、可篩選的景點／行程內容。
提案文件、Figma 設計稿、已部署網站、無障礙檢測報告。
「對在地文化與生態旅遊有興趣的一般民眾」——只有一句話，Lv.2 會把它拆開。
評分權重：設計不是只看好不好看
| 評選構面 | 權重 | 和這三週的關係 |
|---|---|---|
| 設計與技術能力 | 40% | Lv.3–Lv.8 的核心戰場：架構、線框、情緒板、精稿、互動、無障礙全算在這裡。 |
| 專案管理能力 | 20% | 能不能在 120 天內交付、流程是否可追蹤（Agent 對話紀錄本身就是佐證）；Lv.10 做甘特圖。 |
| 公司經驗與團隊 | 20% | Lv.10 的公司簡介、代表性實績與人員分工。 |
| 價格 | 20% | 屬於報價單章節，不在這三週範圍。 |
「設計與技術能力」單一構面就佔 40%，是四個構面裡最高的。所以把架構、線框、精稿、無障礙每一步都做扎實，比最後才補一份漂亮的精稿更划算。
互動工作台：把 RFP 變成 AI 看得懂的需求摘要
真實的題目請改成你組的 RFP：預算、工期、配分、硬性規格各自調整到與原文一致，再把原文貼在指令最下方。沒有正式 RFP？用 UNIT 02 的案例或老師指定題目。
看到「180 萬、120 天」就跳過，覺得那是 PM 的事——但評分表寫得很清楚，40% 的「設計與技術能力」評的正是你接下來要做的事。讀懂 RFP 是動手前必要的一步。
受眾與競品：Persona、SWOT 與功能規格
Persona：從受眾一句話拆出兩個人
競品 SWOT 與功能規格：從別人的弱點推出你的功能
FigJam AI 沒有專門的 SWOT 版型，但用「中心節點＋優勢／劣勢／機會／威脅四個分支」的結構描述，一樣能生成。指令見上方工作台的第 3 句。
功能規格表範例（10 項）
| 功能 | 前台／後台 | 說明 | 優先度 |
|---|---|---|---|
| 首頁互動地圖入口 | 前台 | 可縮放拖曳、標出行程地點（SWOT 突破點） | P0 |
| 行程／景點篩選列表 | 前台 | 地區、類型篩選，解決「深度探路者」找不到冷門行程 | P0 |
| 行程詳情頁 | 前台 | 完整介紹＋預約入口 | P0 |
| 線上預約表單 | 前台 | 送出與確認回饋；手機版 CTA 要大且對比高 | P0 |
| 無障礙模式切換 | 前台 | 字級與對比切換，對應 WCAG AA | P0 |
| 在地故事／關於計畫 | 前台 | 地方創生理念與團隊介紹 | P1 |
| 行程收藏清單 | 前台 | 讓「臨時起意」的人先收藏、比較再預約 | P1 |
| 行程內容管理 | 後台 | 新增、編輯、下架行程資料（內容能不能自己維護） | P0 |
| 預約名單管理與匯出 | 後台 | 查看、確認預約狀態，匯出名單給現場人員 | P0 |
| 資料儀表板 | 後台 | 流量與預約統計，佐證專案管理能力 | P1 |
把「深度探路者」「臨時起意」換成你題目的受眾類型；功能表的「地圖、行程、預約」換成你的內容（例如校園二手書平台：書籍列表、書況篩選、交換申請）。每個功能都要找得到它回應的痛點或突破點。
SWOT 寫成「這家做得不錯」；或四象限列了一堆卻沒有收斂出突破點。SWOT 沒回答「所以我們要做什麼」，就只是資料蒐集。
Stage 1．網站架構圖：用對話談出頁面與目的
怎麼開始：開一個 Agents 側邊欄
- 打開示範檔或你自己的 Figma 設計檔（示範 Figma）。
- 在右側面板切到 Agents，開一個新的聊天室（官方說明：Work with the Figma agent）。
- 用下方工作台把頁面名稱換成你的，複製指令貼上；Lv.2 存下的 Persona 與功能規格會自動帶進來。
- Agent 回覆後，自己刪改一輪：對照 Lv.2，確認所有 P0 都在主要導覽。
頁面名稱換成你的（例如「書籍列表」「書籍詳情」「交換申請」）。四個 P0 頁面的名稱，會自動帶到 Lv.4 線框與 Lv.7 互動。
只丟「幫我做一個地方創生網站的架構」這種空泛描述。沒有受眾、沒有 RFP 硬性需求，Agent 只能給通用架構，和自己憑空想沒兩樣。
如果你已手動畫過 Sitemap，可以貼給 Agent：「參考這份架構，指出哪些頁面沒有對應到 RFP 的無障礙與互動地圖需求」。
Stage 2．線框稿：只談結構，不談風格
線框階段完全不提顏色與風格。手動畫最容易邊排區塊邊選顏色，結構與風格混在一起改，越改越亂。Auto Layout 的基礎請見補充講義 UNIT 13：Figma Auto Layout。
「入口型／列表型／詳情型／表單型」是頁面的四種型態，不論主題都用得到：入口型＝首頁，列表型＝可篩選清單，詳情型＝單一內容，表單型＝需要使用者填寫的行動頁。名稱以 Lv.3 為準。
四個頁面都畫完後，請 Agent「檢查這四個頁面的導覽列、間距與卡片樣式是否一致」，練習用一句話做稽核，而不是一頁一頁肉眼比對。
列表頁忘了把「篩選標籤要有選取狀態」寫進指令——Stage 3 套色時，Agent 不知道選取與未選取要用不同顏色，結果做出一排全部一樣的標籤。
本週作業與檢核
目標：W7 上課前，Lv.1–4 的成果都存進成果收件匣，並在 Figma 裡有四個 P0 頁面的線框 Frame。W7 的情緒板與設計系統會直接用到這些結果。
交付 1文字成果（存進成果收件匣）
交付 2Figma 成果
交付 3檢查與留存
W7 會把你的 4 個品牌關鍵字變成情緒板與色票，再建立變數、文字樣式、按鈕元件，並把線框換成精稿。前往 UNIT 06 →